https://www.jianshu.com/p/80502eb802a7
好吧,我以前也是一行一行改的,想逼自己代码写规范一点。后来发现太严格了,没有那么多时间精力去修改,还是决定采取自动修复eslint,节约不必要浪费的时间开支。
在settings.json中设置:
文件 --》首选项--》设置 ---》settings.json
"editor.tabSize": 2, //制表符符号eslint
"editor.formatOnSave": true, //每次保存自动格式化
"eslint.autoFixOnSave": true, // 每次保存的时候将代码按eslint格式进行修复
"javascript.format.insertSpaceBeforeFunctionParenthesis": 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" //属性强制折行对齐
}
},
本人是首先安装eslint,prettier-Code formatter,vetur 这三个插件,然后在settings.json中加入了以下这些配置:也成功了
"eslint.autoFixOnSave": true,
"eslint.options": {
"extensions": [
".js",
".vue"
]
},
"eslint.validate": [
"javascript",{
"language": "vue",
"autoFix": true
},"html",
"vue"
],