在vscode上配置eslint支持vue

准备工作

npm i -D eslint eslint-plugin-html eslint-plugin-vue

.eslintrc.js

module.exports = {
"root": true,
"env": {
"browser": true,
"commonjs": true,
"es6": true,
"node": true,
"jquery": true,
"jest": true,
"amd": true
},
"extends": [
'eslint:recommended',
//主要在这里,下面这两个可以二选一
"plugin:vue/strongly-recommended"
// 'plugin:vue/recommended'
],
"parserOptions": {
// "parser": 'babel-eslint',
"ecmaVersion": 2015,
"sourceType": "module",
"allowImportExportEverywhere": true
}
};

vscode设置

如果需要保存自动格式化代码将

"eslint.autoFixOnSave"

true

"eslint.options": {
"extensions": [
".js",
".vue"
]
},
"eslint.validate": [
"javascript",
"javascriptreact",
//这里如果不用eslint的自动格式化可以写成
//"vue",
{
"language": "vue",
"autoFix": true
},
{
"language": "html",
"autoFix": true
}
],
//这里设置成true就可以在保存的时候自动格式化js了
"eslint.autoFixOnSave": false,
"vetur.validation.template": false