上個博客說到了如何配置 eslint 和 editorconfig，

但是每次運行項目的時候才能知道哪段代碼不符合規範，確實也有點蛋疼。

那麽能不能直接在編輯器中就能看到不符合規範的代碼的呢？？？

這不是廢話嗎，肯定是有的呀。

打開vscode ，搜索插件 eslint

安裝插件

安裝好了重新打開項目就能用了哦

隨便打開一個文件，調整代碼如下

如果不符合之前配置eslint規則的，就會出現紅色波浪線，鼠標移上去 會顯示具體的錯誤。

怎麽樣，是不是很牛x呢。

這還不是最牛x的！

但是如果打開一個項目，發現每個文件滿屏都是不符合規則的是不是很蛋疼啊。

這就需要eslint 插件更牛x 的功能了，自動修復！ 配置好後只需要重新保存一下文件，這個文件就能根據配置的eslint規則自動修改

打開vscode 配置 文件 > 首選項 > 配置 （也可以ctrl+ ,） 搜索eslint ，打開配置文件

在右側加入 eslint.autoFixOnSave: true

打開需要修復的文件 ， ctrl+s 保存文件 ，vscode會自動修復不符合eslint配置規則的文件。

拜了個拜！

vscode 中 eslint 的配置