先在命令行中安装eslint
npm install eslint --save-dev
再在vscode中安装ESlint插件,我觉得是用来配合eslint检查出的错来对vscode中的代码做出提示
再配置setting.json,
"eslint.autoFixOnSave": true,
"eslint.validate": [
"javascript",
"javascriptreact",
{ "language": "html", "autoFix": true },
{ "language": "vue", "autoFix": true }
]
然后可以在package.json中配置一些检查规则
"eslintConfig": {
"root": true,
"env": {
"node": true
},
"extends": [
"plugin:vue/essential",
"eslint:recommended"
],
"rules": {
"no-console": "off",
"no-multiple-empty-lines": [
1,
{
"max": 2
}
],
"no-mixed-spaces-and-tabs": [
"error",
"smart-tabs"
],
"semi": [
2,
"always"
],
"indent": [
1,
4
]
},
"parserOptions": {
"parser": "babel-eslint"
}
},
一般来说这样就可以成功,若遇到问题,请自行google