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會自動幫你完成配置
至此,安裝完成。
參考文檔:官方文檔