之前多人开发项目，vue-cli3的框架，没有特别的配置eslint，导致代码写的各不相同。最近有时间鼓捣一下。
vue-cli3如何配置eslint
先安插件
eslint-plugin-vue（支持vue规则）
eslint-plugin-node（支持nodejs规则）
eslint-plugin-import（import语句规则）
eslint-plugin-promise
eslint-plugin-html
eslint-plugin-es6
eslint-config-standard包含：
npm install eslint-config-standard eslint-plugin-standard eslint-plugin-promise -g
vue-cli3的eslint在 package.json文件中，我自己的配置如下
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
|
"eslintConfig": { "root": true, "env": { "node": true }, "extends": [ "plugin:vue/essential", "standard" ], "plugins": [ "vue" ], "parserOptions": { "parser": "babel-eslint" }, "rules": { "prefer-const": 0, "generator-star-spacing": "off", "new-cap": "off" }}, |
配置完了之后，看有没有报错，少什么包安什么包就是了
vscode配置 （可以看我之前的博客 https://www.cnblogs.com/benbentu/p/9661998.html）
"eslint.autoFixOnSave": true,
注意：eslint检查，正常vscode检测，有问题会现现红色，如果你的没有出现，看一下，vscode 右下角的eslilnt 是不是被金禁用了，打开就行了
转载自：https://www.cnblogs.com/benbentu/ 兔兔大海