上個博客說到了如何配置 eslint 和 editorconfig,編輯器
可是每次運行項目的時候才能知道哪段代碼不符合規範,確實也有點蛋疼。插件
那麼能不能直接在編輯器中就能看到不符合規範的代碼的呢???eslint
這不是廢話嗎,確定是有的呀。code
打開vscode ,搜索插件 eslintblog
安裝插件博客
安裝好了從新打開項目就能用了哦it
隨便打開一個文件,調整代碼以下配置
若是不符合以前配置eslint規則的,就會出現紅色波浪線,鼠標移上去 會顯示具體的錯誤。搜索
怎麼樣,是否是很牛x呢。im
這還不是最牛x的!
可是若是打開一個項目,發現每一個文件滿屏都是不符合規則的是否是很蛋疼啊。
這就須要eslint 插件更牛x 的功能了,自動修復! 配置好後只須要從新保存一下文件,這個文件就能根據配置的eslint規則自動修改
打開vscode 配置 文件 > 首選項 > 配置 (也能夠ctrl+ ,) 搜索eslint ,打開配置文件
在右側加入 eslint.autoFixOnSave: true
打開須要修復的文件 , ctrl+s 保存文件 ,vscode會自動修復不符合eslint配置規則的文件。
拜了個拜!