格式化配置

C:\Users\Administrator\AppData\Roaming\Code\User\settings.json

{

"[vue]": {
"editor.defaultFormatter": "octref.vetur"
},
"[javascript]": {
"editor.defaultFormatter": "vscode.typescript-language-features"
},

"[jsonc]": {
"editor.defaultFormatter": "vscode.json-language-features"
},"workbench.colorTheme": "Visual Studio Light",

"editor.codeActionsOnSave": {

"source.fixAll.eslint": true
}, // 启用保存时自动修复,默认只支持.js文件

"eslint.validate": [
"javascript", // 用eslint的规则检测js文件
"html",
"vue",
//".jxs"
],

// #让prettier使用eslint的代码格式进行校验
"prettier.eslintIntegration": true,
// #去掉代码结尾的分号
"prettier.semi": false,
// #使用带引号替代双引号

"prettier.singleQuote": true,

"prettier.tabWidth": 4,
// #让函数(名)和后面的括号之间加个空格
"javascript.format.insertSpaceBeforeFunctionParenthesis": true,
// #这个按用户自身习惯选择

"vetur.format.defaultFormatter.html": "js-beautify-html",
// #让vue中的js按"prettier"格式进行格式化
"vetur.format.defaultFormatter.js": "prettier",
"vetur.format.defaultFormatterOptions": {

"js-beautify-html": {
// #vue组件中html代码格式化样式
"wrap_attributes": "force-aligned", //也可以设置为“auto”，效果会不一样
"wrap_line_length": 200,

"end_with_newline": false,
"semi": false,
"singleQuote": true
},

"prettier": {
"semi": false,
"singleQuote": true
}

},
"explorer.confirmDelete": false,
}