vscode配置文件及提升开发效率的24个必备插件

vs code是一个体积小速度快的一款编辑器，它最大的优点在于它有很多免费的好用的插件来帮助你来提高你的开发效率，它甚至可以让你在你的vs code里面听音乐，看小说、打游戏，这可真是上班摸鱼必备啊哈哈哈。言归正传，在此我把我使用的插件分享给大家，并附上我的配置文件(其中包括vs code的主题配置)。

注意：插件并不是越多越好，在格式化方面各个插件都有冲突，我建议只装一个格式化的插件，以避免不必要的麻烦

{
  "workbench.colorTheme": "Shades of Purple",
  // 每次保存的时候自动格式化
  "editor.formatOnSave": true,
  // 保存时代码按照 ESlint格式化
  "eslint.validate": [
    "javascript",
    "javascriptreact",
    "vue"
  ],
  //  #让函数(名)和后面的括号之间加个空格 不加空格false
  "javascript.format.insertSpaceBeforeFunctionParenthesis": true,
  // #让vue中的js按编辑器自带的ts格式进行格式化
  //格式化插件配置，设置为vetur
  "[vue]": {
    "editor.defaultFormatter": "octref.vetur"
  },
  // #让vue中的js按编辑器自带的ts格式进行格式化 
  "vetur.format.defaultFormatter.html": "js-beautify-html",
  "vetur.format.defaultFormatter.js": "vscode-typescript",
  "vetur.format.defaultFormatterOptions": {
    "js-beautify-html": {
      // #vue组件中html代码格式化样式
      "wrap_attributes": "force-expand-multiline",
      // - auto: 仅在超出行长度时才对属性进行换行。
      // - force: 对除第一个属性外的其他每个属性进行换行。
      // - force-aligned: 对除第一个属性外的其他每个属性进行换行，并保持对齐。
      // - force-expand-multiline: 对每个属性进行换行。
      // - aligned-multiple: 当超出折行长度时，将属性进行垂直对齐。
    },
    "prettier": {
      //设置分号
      "semi": false,
      //双引号变成单引号
      "singleQuote": true,
      //禁止随时添加逗号,这个很重要。找了好久
      "trailingComma": "none"
    }
  },
  "[javascript]": {
    "editor.defaultFormatter": "vscode.typescript-language-features"
  },
  "editor.codeActionsOnSave": {
    "source.fixAll.eslint": true
  },
  "workbench.iconTheme": "material-icon-theme",
  "editor.fontSize": 16,
  "editor.minimap.enabled": false,
  "editor.formatOnPaste": true,
  "liveServer.settings.donotShowInfoMsg": true,
  "editor.cursorBlinking": "expand",
  "editor.cursorSmoothCaretAnimation": true,
  "files.autoSave": "onFocusChange",
  "terminal.integrated.tabs.enabled": true
}