一、使用vscode下载两个插件:
1、ESlint (项目中没有装eslint,就不用装这个插件了)
2、vetur
另,多余的格式化插件一定要删掉。
二、改配置,打开设置如下
覆盖原来的代码:
(有注释可根据个人喜好修改)
不要总是把代码复制过去,看见还报错就觉得不合适。
下面有注释,有可能只是一个属性值true或false的问题…
{
"editor.fontSize": 12,
"eslint.autoFixOnSave": true,
"fileheader.LastModifiedBy": "oralinge",
"fileheader.Author": "oralinge",
"git.autofetch": true,
"[html]": {
"editor.defaultFormatter": "HookyQR.beautify"
},
"editor.detectIndentation": false,
"editor.formatOnSave": true,
"editor.formatOnPaste": true,
"vetur.validation.template": false, // 标签报错
// 添加 vue 支持
"eslint.validate": [
{
"language": "vue",
"autoFix": true
},
{
"language": "html",
"autoFix": true
},
{
"language": "javascript",
"autoFix": true
},
{
"language": "typescript",
"autoFix": true
},
],
// "prettier.eslintIntegration": true,
// // #去掉代码结尾的分号
"prettier.semi": false,
// // #使用带引号替代双引号
// "prettier.singleQuote": true,
// #让函数(名)和后面的括号之间加个空格
"javascript.format.insertSpaceBeforeFunctionParenthesis": true,
// 保存缩进空格2
"editor.tabSize": 2,
// #这个按用户自身习惯选择
"vetur.format.defaultFormatter.html": "js-beautify-html",
// #让vue中的js按编辑器自带的ts格式进行格式化
"vetur.format.defaultFormatter.js": "vscode-typescript",
"vetur.format.defaultFormatterOptions": {
"prettier": {
"semi": false
},
"js-beautify-html": {
"wrap_attributes": "auto"
// #vue组件中html代码格式化样式
// - auto: 仅在超出行长度时才对属性进行换行。
// - force: 对除第一个属性外的其他每个属性进行换行。
// - force-aligned: 对除第一个属性外的其他每个属性进行换行,并保持对齐。
// - force-expand-multiline: 对每个属性进行换行。
// - aligned-multiple: 当超出折行长度时,将属性进行垂直对齐。
}
},
// 格式化stylus, 需安装Manta's Stylus Supremacy插件
// "stylusSupremacy.insertColons": false, // 是否插入冒号
// "stylusSupremacy.insertSemicolons": false, // 是否插入分好
// "stylusSupremacy.insertBraces": false, // 是否插入大括号
// "stylusSupremacy.insertNewLineAroundImports": false, // import之后是否换行
// "stylusSupremacy.insertNewLineAroundBlocks": false,
"typescript.format.insertSpaceAfterSemicolonInForStatements": false,
"workbench.colorTheme": "Monokai Dimmed",
"window.zoomLevel": 0,
"editor.codeActionsOnSave": {
"source.fixAll.eslint": true
},
"files.autoSaveDelay": 100 // 两个选择器中是否换行
}