webstorm根據.eslintrc文件自動修復

當苦於要一個個修復webstorm的eslint報錯的問題時,您須要這篇文章.

打開webstorm->file->settings->eslint

選項解讀:

• eslint package:導入的是eslint的包
• automatic search:是webstorm自動查找項目中的.eslintrc文件
• configuration file:是用戶特定的.eslintrc文件(使用在有多個.eslintrc文件的狀況下)
• extra eslint options:能夠用來設置公共的eslint規則,用在全部項目上.

按我選的就好

這樣的話,右鍵點擊fix eslint problems,webstorm就能夠根據.eslintrc文件的規則來自動恢復. 可是有快捷鍵的話,就更加方便了,那咱們就給他一個快捷鍵. 一樣在settings裏搜索eslint

我是給他設置個ALT+D,這樣我就能夠玩的很舒服了.

外傳: 不少小夥伴會有跟我以前同樣的疑惑:webtorm恢復的會不會是webstorm自定義的規則,而不是咱們自定義的.eslintrc規則. 針對這個問題,我展開了深刻的探索. 咱們就找一條規則測試吧 "no-extra-semi": "error" 意思是禁用額外分號 這是沒有添加規則的狀況下:

這麼多額外的分號????webstorm沒法提示錯誤和修復錯誤.

當我加上規則後,webstorm報錯了(有紅線),並且 fix後會自動修復.

總結

webstorm是能夠根據自定義的.eslintrc文件進行快捷自動修復

最後，別忘了給這個項目點一個star哦，謝謝支持。

blog

下面是小編的公衆號

一個學習編程技術的公衆號。天天推送高質量的優秀博文、開源項目、實用工具、面試技巧、編程學習資源等等。目標是作到我的技術與公衆號一塊兒成長。歡迎你們關注，一塊兒進步，走向全棧大佬的修煉之路