分享vscode配置

1. Auto Close Tag --标签自动合并
2. Auto Rename Tag --标签自动改名
3. Beautify --代码格式化
4. Bracket Pair Colorizer --括号高亮（强烈推荐）

5. Chinese (Simplified) Language Pack for Visual Studio Code --汉化
6. ESLint -- JavaScript代码语法验证
7. GitLens — Git supercharged --git可视化，个人比较喜欢shell直接操作，装个无妨。
8. HTML Snippets --HTML片段提示
9. JavaScript (ES6) code snippets -- JavaScript语法片段提示包括es6
10. language-stylus --stylus语言支持
11. Manta's Stylus Supremacy --格式化Stylus的配置
12. Material Icon Theme --Material图标风格
13. Material Theme -- Material主题风格
14. npm-import-package-version --显示当前npm包的版本
15. Path Autocomplete --路劲自动补全
16. Prettier -格式化工具
17. Vetur --vue官方的vue单文件组件开发工具
18. Vue 2 Snippets --Vue 2 Snippets代码片段

这里推荐下我的vscode设置

{
  "terminal.external.osxExec": "iTerm.app",
  "workbench.iconTheme": "eq-material-theme-icons-darker",
  "workbench.colorTheme": "Material Theme Darker",
  // 基础设置
  "editor.tabSize": 2,
  "workbench.startupEditor": "newUntitledFile",
  "editor.quickSuggestions": {
    "strings": true
  },
  // vue设置
  "emmet.syntaxProfiles": {
    "vue-html": "html",
    "vue": "html"
  },
  "files.associations": {
    "*.vue": "vue",
    "*.wpy": "vue"
  },

  // vetur设置
  "vetur.format.defaultFormatter.html": "js-beautify-html",
  "vetur.format.defaultFormatter.js": "vscode-typescript",

  // eslint设置
  "eslint.autoFixOnSave": true,
  "eslint.validate": [
    "javascript",
    "javascriptreact",
    {
      "language": "html",
      "autoFix": true
    },
    {
      "language": "vue",
      "autoFix": true
    }
  ],

  // format设置
  "javascript.format.insertSpaceBeforeFunctionParenthesis": true,
  "prettier.singleQuote": true,
  "prettier.semi": false,

  // git设置
  "gitlens.advanced.messages": {
    "suppressLineUncommittedWarning": true,
    "suppressShowKeyBindingsNotice": true,
    "suppressWelcomeNotice": true
  },
  "git.confirmSync": false,
  "git.autofetch": true,
  // emmet 设置
  "emmet.triggerExpansionOnTab": true,
  "emmet.includeLanguages": {
    "vue-html": "html",
    "javascript": "javascriptreact"
  },
  // 以下为stylus配置
  "stylusSupremacy.insertColons": false, // 是否插入冒号
  "stylusSupremacy.insertSemicolons": false, // 是否插入分好
  "stylusSupremacy.insertBraces": false, // 是否插入大括号
  "stylusSupremacy.insertNewLineAroundImports": false, // import之后是否换行
  "stylusSupremacy.insertNewLineAroundBlocks": false,
  "breadcrumbs.enabled": true,
  "editor.detectIndentation": false,
  "explorer.confirmDragAndDrop": false,
  "vetur.format.defaultFormatterOptions": {
    "js-beautify-html": {
	// [auto|force|force-aligned|force-expand-multiline]
      "wrap_attributes": "auto" // 可以换成上面任意一种value
    }
  },
  "javascript.updateImportsOnFileMove.enabled": "always",
  "explorer.confirmDelete": false,
  "editor.formatOnPaste": true,
  "window.zoomLevel": 1
}
复制代码