vue-cli3如何配置 eslint 及配合 vscode 自动保存

之前多人开发项目，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/  兔兔大海