webstorm eslint prettier 的配置


我開發喜歡使用webstorm,但是webstorm 配置eslint的時候很麻煩,在網上找了很多的資料,終於配置成功了。記錄一下 我的webstorm的版本號是2019.1

eslint 一直在編譯,因此需要將webstorm的自動保存功能關閉

在 file -> setting -> Appearance & Behavior -> system settings 全部不選擇

 

 

 開發的時候我們為了方便,會在webpack的配置中使用可以在全局中使用的路徑 但是webstorm不識別,文件的跳轉功能不能使用,需要我們配置下

在 file -> setting -> Languages & Frameworkers -> JavaScript -> webpack 中選擇webpack的配置文件

准備工作ok開始配置eslint文件

在 file -> setting -> plugins 中找eslint安裝,我的webstorm中有內置的prettier插件,所以不需要安裝了

安裝成功之后可以 在 file -> setting -> eslint setting 開啟eslint

 

 

我的prettier的插件是webstorm自帶的,也需要配置下

 在 file -> setting -> Languages & Frameworkers -> JavaScript -> prettier 

 

 在 file -> setting -> Tools -> file watchers 中添加 prettier的文件監聽配置 注意監聽的文件類型為any

 

 

配置完成之后可以看下eventlog中有沒有eslint命令的輸出;

 注意:eslint主要是針對js的校驗,因此一些vue的原生語法可能會有些報錯信息,所以需要我們擴展下js庫

 在 file -> setting -> Languages & Frameworkers -> JavaScript -》 libraries 點擊download 下載安裝

 


免責聲明!

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



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