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 }" }