PhpStorm/WebStorm……等JetBrains系代碼編輯器解決ESLint代碼檢查不通過

檢查確認是否開啓了ESLint的代碼格式檢查

比如vue項目,在使用vue init webpack project_name創建項目的時候就會詢問是否開啓ESLintUse ESLint to lint your code? (Y/n)如果當初您的選擇是Y那麼之後在每次運行npm run dev時ESLint都會根據當初您的設定進行代碼檢查,如果不通過就會報錯,有些朋友爲了圖方便可能直接就取消了代碼檢查,個人感覺不太合適,因爲這樣不便於寫出規整的代碼,那麼問題來了,已經開啓了,而且想讓代碼規整,但又不知道怎麼才能滿足ESLint的代碼格式要求?很簡單:

安裝插件自動完成代碼格式化

打開PhpStorm/WebStorm……等JetBrains系代碼編輯器,點擊導航欄:File》Settings
在主搜索框內搜索Plugins,在插件搜索框內搜索安裝插件:ESLint Restart Service Action,安裝完成後,在主搜索框內搜索ESLint,你可以看到在:Languages & Frameworks》JavaScript》Code Quality Tools》ESLint,按下圖進行設置即可:
在這裏插入圖片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章