vscode 中 eslint 的配置


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

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

那么能不能直接在編輯器中就能看到不符合規范的代碼的呢???

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

 

打開vscode ,搜索插件 eslint

 

安裝插件

 

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

 

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

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

怎么樣,是不是很牛x呢。

 

 

 

這還不是最牛x的!

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

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

 

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

 

 在右側加入 eslint.autoFixOnSave: true 

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

 

拜了個拜!

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM