一、項目本地新增配置文件：
.vscode\settings.json
{
// editor
"editor.formatOnSave": true,
"editor.codeActionsOnSave": {
"source.fixAll.eslint": true
},
"editor.tabSize": 2,
"editor.insertSpaces": true,
"editor.detectIndentation": true,
"editor.defaultFormatter": "vscode.typescript-language-features",
"[javascript]": {
"editor.defaultFormatter": "vscode.typescript-language-features"
},
"[typescript]": {
"editor.defaultFormatter": "vscode.typescript-language-features"
},
"[vue]": {
"editor.defaultFormatter": "octref.vetur"
},
"[css]": {
"editor.defaultFormatter": "vscode.css-language-features"
},
"[html]": {
"editor.defaultFormatter": "vscode.html-language-features"
},
"[json]": {
"editor.defaultFormatter": "vscode.json-language-features"
},
"[less]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
//javascript
"javascript.format.insertSpaceBeforeFunctionParenthesis": true,
//eslint
"eslint.format.enable": false,
"eslint.validate": [
"javascript",
"javascriptreact",
"vue",
"typescript",
"typescriptreact"
],
//vetur
"vetur.format.defaultFormatter.js": "vscode-typescript",
"vetur.format.defaultFormatter.html": "js-beautify-html",
"vetur.format.defaultFormatterOptions": {
"js-beautify-html": {
"wrap_attributes": "force-aligned"
}
},
"vetur.validation.template": false
}
注：
1.會保存時自動格式化、格式化規則和之前保持一致，並且增加了對獨立.less文件、獨立.html文件的自動格式化。
2.項目內的配置文件優先級會大於全局配置。
二、必須安裝的vscode插件：
Vetur、Prettier、ESlint
三、.vscode\settings.json文件需要加入到版本庫，但.vscode文件夾下的其它文件需要忽略，因此修改.gitignore文件：
步驟一：
刪除原來的.vscode
步驟二：
在文件末尾新增
.vscode/*
!.vscode/settings.json
.vscode