1、展示效果
如何給vue項目添加eslint呢，如何自動修復呢？
先展示一下效果：
2、配置步驟
1、安裝插件ESLint plugin
webstrom 其實有個非常好用的插件，ESLint plugin(如果在先安裝不來可以手動下載，下載地址https://plugins.jetbrains.com/plugin/7494-eslint)
2、配置插件
安裝完畢后在這里幾個地方配置一下：
要注意兩點
- 第二個框是你的項目地址/node_modules/.bin/eslint.cmd
- 第三個框是.eslintrc.js
配置好后就可以使用了！
第二種方式：全局修復
項目使用的是Vue.js框架，自動校驗代碼只需要在項目工程下的package.json文件中尋找scripts關鍵字，
scripts下面有lint關鍵字
在lint中加入--fix如
然后再打開cmd，在cd到工程目錄下，運行：npm run lint
便可自動修改格式，但是也有一些是沒法修改的，例如"=="在要求使用"==="，還有各種拼寫錯誤啥的這些手動修改一下就好了。