ESlint開發環境配置

       ESLint 是在 ECMAScript/JavaScript 代碼中識別和報告模式匹配的工具,它的目標是保證代碼的一致性和避免錯誤,是JS開發過程中極佳工具,這篇文章將以WebStorm爲例告訴你如何在本地配置ESlint環境。

首先,確保你的Node.js版本 (>=4.x), npm版本 2+。

這裏有兩種安裝方式:

  • 全局安裝(學習過程推薦):全局安裝在自己的電腦上,以後別的項目也可以使用,免去了重複下載、配置的麻煩。本文講解的是全局安裝。
  • 本地安裝(開發過程推薦):安裝在當前項目下,僅對當前項目有效。如果你想讓 ESLint 成爲你項目構建系統的一部分,建議在本地安裝。


在命令提示符中運行以下命令

npm install -g eslint


然後運行

eslint --init

在項目目錄下(帶有package.json文件的目錄)初始化ESlint配置,此時彈出風格選擇框


讓你用方向鍵選擇一種方式,第一個是通過詢問來確定那你想要的具體實現風格,可以很具體的配置自己的風格,如果嫌麻煩可以選擇第二個,直接配置成一種流行的風格這裏選擇的是第二種。第三種是通過檢查你的一個或多個js文件自動配置你的風格


這裏有三個選擇:谷歌,愛彼迎,標準。這裏選擇谷歌


選擇你需要的文件類型,這裏選擇JS(如果需要選擇多個,在配置文件中添加即可)然後就會自動完成安裝。等待提示安裝完成,接下來就是在IDE中導入ESlint了。打開WebStorm進入主界面,按ctrl+shift+a打開超級搜索,輸入eslint,選中回車打開eslint配置

勾選Enable後按apply即可,webstorm會自動幫你完成配置


至此,安裝完成。

參考文檔:官方文檔

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