vsCode 插件收藏——2020/6更新

1、Chinese (Simplified) Language Pack for Visual Studio Code  汉化包

2、One Dark Pro  一个暗黑系的主题

3、ESLint  代码校验

4、prettier-code  formatter   代码格式化

5、Material icon theme   美化code文件图标

6、vetur  让code支持vue文件

7、auto close tag  自动添加闭合标签

8、auto rename tag  修改标签名时同步修改配对标签

9、Beautify  美化javascript、JSON、CSS、Sass和HTML

10、filesize：显示焦点文件的大小

11、Path Intellisense  在引入外部文件时自动完成文件名

12、JQuery Code Snippets  对书写JQ代码提供提示

13、vue-helper  增强了编写vue和扩展元素的能力，并支持ctrl+鼠标左点击函数跳转  —— 在保存时可能会导致卡住，反应很慢，不知道是电脑配置低还是插件问题，暂时卸载了

以上是目前在用的插件，下面有配套的setting内容。目前用着挺顺手

{
  "workbench.startupEditor": "none", // 控制启动时显示的编辑器
  "workbench.sideBar.location": "left", // 控制侧边栏和活动栏的位置。它们可以显示在工作台的左侧或右侧。
  "workbench.editor.enablePreview": false, //打开文件不覆盖
  "workbench.colorTheme": "One Dark Pro", // 指定用在工作台中的颜色主题
  "workbench.iconTheme": "material-icon-theme", // 指定工作台中使用的文件图标主题；若指定为 "null"，则不显示任何文件图标

  "explorer.confirmDelete": false, // 控制资源管理器是否在把文件删除到废纸篓时进行确认
  "files.eol": "
", // 默认行尾字符
  "emmet.triggerExpansionOnTab": true, // tab键补全标签及标签提示,启用后，按下 TAB 键，将展开 Emmet 缩写

  "editor.detectIndentation": false, // 控制是否在打开文件时，基于文件内容自动检测
  "editor.tabSize": 2, // 一个制表符等于的空格数
  "editor.fontSize": 20, // 设置字体大小
  "editor.renderWhitespace": "none", // 控制编辑器在空白字符上显示的内容
  "editor.lineNumbers": "on",
  "editor.wordWrap": "on", // 控制换行方式 on:将在视区宽度处换行
  "editor.wordWrapColumn": 200, // 控制编辑器的折行列
  "editor.snippetSuggestions": "bottom", // 控制代码片段是否与其他建议一起显示及其排列的位置
  "editor.autoClosingBrackets": "beforeWhitespace", // 控制编辑器是否在左括号后自动插入右括号
  "editor.autoClosingQuotes": "beforeWhitespace", // 仅当光标位于空白字符左侧时，才自动闭合引号。
  "editor.codeActionsOnSave": {
    "source.fixAll.eslint": true
  }, // 每次保存的时候将代码按eslint格式进行修复
  "editor.formatOnSave": true, // 在保存时格式化文件。
  "editor.minimap.enabled": false, // 控制是否显示缩略图
  "editor.quickSuggestions": {
    "other": true,
    "comments": true,
    "strings": true
  }, //开启自动显示建议

  "vetur.format.defaultFormatter.html": "js-beautify-html", //格式化.vue中html
  "vetur.format.defaultFormatter.js": "vscode-typescript", //让vue中的js按编辑器自带的ts格式进行格式化
  "vetur.format.defaultFormatterOptions": {
    "js-beautify-html": {
      "wrap_attributes": "auto"
    }
  },

  "path-intellisense.autoSlashAfterDirectory": true, // 是否自动添加斜杠后的目录
  "path-intellisense.showHiddenFiles": false, // 是否显示隐藏文件
  "path-intellisense.extensionOnImport": false, // 是否向import语句添加文件扩展名

  // 使能每一种语言默认格式化规则
  "[html]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[css]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[json]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[javascript]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },

  "prettier.disableLanguages": ["vue"], // 不格式化vue文件，vue文件的格式化单独设置
  "prettier.singleQuote": true, // 如果为 true，将使用单引号而不是双引号
  "prettier.semi": false, // 是否在每行末尾添加分号
  "prettier.printWidth": 900, // 指定每行代码的最佳长度， 如果超出长度则换行。
  "prettier.trailingComma": "none", // 控制尾随逗号的输出
  "prettier.arrowParens": "avoid", // 当箭头函数只要一个参数时去掉括号
  "prettier.bracketSpacing": true,
  "todo-tree.tree.showScanModeButton": false // 在对象，数组括号与文字之间加空格 "{ foo: bar }"
}