settings

{
  "files.autoSave": "onFocusChange", // 失去焦点后自动保存
  "editor.tabSize": 2, // 重新设定tabsize
  "editor.formatOnSave": true, // 每次保存自动格式化
  // 每次保存的时候将代码按eslint格式进行修复
  "editor.codeActionsOnSave": {
    "source.fixAll.eslint": true
  },
  // 在使用搜索功能时,将这些文件夹/文件排除在外
  "search.exclude": {
    "**/node_modules": true,
    "**/build": true,
    "**/*.lock": true,
  },
  // perttier默认忽略了vue文件
  "vetur.format.defaultFormatterOptions": {
    "js-beautify-html": {
      "wrap_attributes": "force-aligned"
    },
    "prettyhtml": {
      "printWidth": 100,
      "singleQuote": false,
      "wrapAttributes": false,
      "sortAttributes": false
    }
  },
  //配置内配置对 .vue 文件的格式化
  "[vue]": {
    "editor.defaultFormatter": "octref.vetur"
  },
  "explorer.compactFolders": false, // 文件嵌套换行
 }

extension

[Deprecated] Debugger for Chrome
Debug your JavaScript code in the Chrome browser, or any other target that supports the Chrome Debugger protocol.

Auto Close Tag
Automatically add HTML/XML close tag, same as Visual Studio IDE or Sublime Text

Beautify
Beautify code in place for VS Code

ESLint
Integrates ESLint JavaScript into VS Code.

Git History
View git log, file history, compare branches or commits

Git History Diff
View git history. View diff of committed files. View git blame info. View stash details.

HTML CSS Support
CSS Intellisense for HTML

HTML Snippets
Full HTML tags including HTML5 Snippets

JavaScript (ES6) code snippets
Code snippets for JavaScript in ES6 syntax

Jupyter
Jupyter notebook support, interactive programming and computing that supports Intellisense, debugging and more.

npm
npm support for VS Code

npm Intellisense
Visual Studio Code plugin that autocompletes npm modules in import statements

open in browser
This allows you to open the current file in your default browser or application.

Path Intellisense
Visual Studio Code plugin that autocompletes filenames

Prettier - Code formatter
Code formatter using prettier

Pylance
A performant, feature-rich language server for Python in VS Code

Python
IntelliSense (Pylance), Linting, Debugging (multi-threaded, remote), Jupyter Notebooks, code formatting, refactoring, unit tests, and…

React-Native/React/Redux snippets for es6/es7
Code snippets for React-Native/React/Redux es6/es7 and flowtype/typescript, Storybook

Vetur
Vue tooling for VS Code

vue
Syntax Highlight for Vue.js

Logo

腾讯云面向开发者汇聚海量精品云计算使用和开发经验,营造开放的云计算技术生态圈。

更多推荐