webstorm eslint 配置 格式化

最近團隊的項目使用vue,并結(jié)合eslint(eslint是在 ECMAScript/JavaScript 代碼中識別和報告模式匹配的工具,它的目標是保證代碼的一致性和避免錯誤。//官方翻譯),手動配置格式很麻煩,我用webstorm開發(fā),下面來一起配置下

1.點擊settings->pluings ->搜索eslint-> Install安裝

1.png

2.安裝好之后,找到settings中ESLint,選中,就會進入配置頁面,勾選Enable->第一項配置自己安裝nodejs目錄下node.exe,第二項配置當前項目中node_modules/.bin目錄下的eslint.cmd,第三項改成.eslintrc.js

2.png

3.最后點擊Apply應用,點擊ok就行了

4.使用可以在菜單欄下的code->ESlint Fix 修復,也可以設置快捷鍵,如下:
點擊keyMap->搜索eslint->選中code下面的eslint->右鍵Add Keyboard ShortCut 摁住Alt + X 鍵 以后使用alt + x 就可以直接進行eslint修復了


3.png

參考:https://blog.csdn.net/qq_29329037/article/details/80100450

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容