1懈涛、展示效果
如何給vue項目添加eslint呢理逊，如何自動修復(fù)呢？
先展示一下效果：
GIF.gif
2捶惜、配置步驟
1田藐、安裝插件ESLint plugin
webstrom 其實有個非常好用的插件，ESLint plugin(如果在先安裝不來可以手動下載吱七，下載地址https://plugins.jetbrains.com/plugin/7494-eslint)
image.png
2汽久、配置插件
安裝完畢后在這里幾個地方配置一下：
要注意兩點
- 第二個框是你的項目地址/node_modules/.bin/eslint.cmd
- 第三個框是.eslintrc.js
image.png
如果是linux的話，其實和window類似踊餐，參考配置如下：
image.png
配置好后就可以使用了景醇！
image.png
特別是這里面的eslint fix 可以自動修復(fù)非常好用！Ａ吡搿三痰！
3、參考
如果想了解eslint詳細(xì)的配置可以參考我的另一篇博文：
http://www.reibang.com/p/11ef5cf15d90
甚至你可以更方便的配置一個eslint 自動修復(fù)的快捷鍵苍碟，我使用的Alt+L
image.png
