需要插件
- Auto Rename Tag. // 修改开始标签自动修改闭合标签
- Beautify。// 代码美化/也有格式作用
- Chinese // 支持中文
- ESLint。 // 格式检查
- Path Intellisense。// 路径提示
- Prettier - Code formater // 自动格式化
- Vetur。vue支持，高亮等
- vue。 一般已经安装
- VueHelper vue代码提示
成功配置
{ "sync.gist": "dec9e6020ef0b01a35e2c28ddf23d3a0", "workbench.colorTheme": "One Dark Pro", "editor.suggestSelection": "first", // "vsintellicode.modify.editor.suggestSelection": "automaticallyOverrodeDefaultValue", "window.zoomLevel": 1, // "eslint.enable": false, // 关闭格式化语法检查 // "vetur.format.defaultFormatter.html": "js-beautify-html", "prettier.disableLanguages": ["vue"], //使用单引号 "prettier.singleQuote": true, //结尾不加分号 "prettier.semi": true, "prettier.printWidth": 100, //js-beautify-html格式化配置，属性强制换行 "vetur.format.defaultFormatterOptions": { "js-beautify-html": { "wrap_attributes": "force-aligned" }, "prettyhtml": { "printWidth": 100, // No line exceeds 100 characters "singleQuote": false // Prefer double quotes over single quotes }, "prettier": { "semi": false, // 格式化不加分号 "singleQuote": true // 格式化以单引号为主 } }, "vetur.format.defaultFormatter.html": "prettyhtml", "vetur.format.defaultFormatter.css": "prettier", "vetur.format.defaultFormatter.postcss": "prettier", "vetur.format.defaultFormatter.scss": "prettier", "vetur.format.defaultFormatter.less": "prettier", "vetur.format.defaultFormatter.stylus": "stylus-supremacy", // "vetur.format.defaultFormatter.js": "prettier", "vetur.format.defaultFormatter.ts": "prettier", "javascript.format.insertSpaceBeforeFunctionParenthesis": true, "vetur.format.defaultFormatter.js": "vscode-typescript", //根据文件后缀名定义vue文件类型 "files.associations": { ".vue": "vue", ".js": "javascriptreact" }, //配置 ESLint 检查的文件类型 "eslint.validate": [ "javascript", "javascriptreact", { "language": "vue", "autoFix": true }, { "language": "html", "autoFix": true } ], "prettier.eslintIntegration": true, //保存时eslint自动修复错误 "eslint.autoFixOnSave": true, //保存自动格式化 "editor.formatOnSave": true, "javascript.format.enable": false, "javascript.updateImportsOnFileMove.enabled": "always", "C_Cpp.updateChannel": "Insiders", "emmet.triggerExpansionOnTab": true, "emmet.includeLanguages": { "javascript": "javascriptreact" }, "editor.foldingStrategy": "indentation", "[javascript]": { "editor.defaultFormatter": "esbenp.prettier-vscode" }, "[javascriptreact]": { "editor.defaultFormatter": "esbenp.prettier-vscode" }, "diffEditor.ignoreTrimWhitespace": false, "terminal.integrated.rendererType": "dom", "git.autofetch": true, "[shellscript]": { "editor.defaultFormatter": "foxundermoon.shell-format" }, "git.enableSmartCommit": true // "experimentalDecorators": false }
** 有些已经更新了 还未完善 **
