安裝并使用ESlint

ESlint文檔

eslint文檔

推薦全局安裝ESlint

sudo npm install eslint -g

安裝

在項目目錄下：npm install eslint --save-dev

初始化ESlint配置，生成.eslintrc.js

在項目目錄下：eslint --init

按照提示選擇檢查風格，目前推薦使用 Use a popular style guide

--> Airbnb（http://www.css88.com/archives/8345）

image.png

會自動下載安裝以下依賴至devDependecies：eslint-config-airbnb、enlist-plugin-import、eslint-plugin-jsx-a11y、eslint-plugin-react

使用命令行生成ESlint檢查報告

最后一個參數(shù)為項目目錄

"eslint --config .eslintrc.js --output-file error_report.html --format html src/"

在代碼編輯器中使用ESlint

WebStorm:

Preferences -> Languages & Frameworks -> JavaScript -> Code Quality Tools -> Eslint -> Enable (勾選) -> Apply -> OK

Sublime:

安裝SublimeLinter

安裝SublimeLinter-contrib-eslint

安裝SublimeLinter（可定義編輯器檢查風格如下劃線樣式，任意空白處點右鍵打開配置）

VScode:

安裝ESlint插件

Atom:

安裝linter-eslint

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

友情鏈接更多精彩內容