eslint 設定目錄 ESLint 配置

eslint 被設計為完全可配置的，這表示我們可以關閉每乙個規則，而只執行基本語法驗證，或混合和匹配 eslint 預設繫結的規則和自定義規則，以讓 eslint 更適合我們的專案。

配置 eslint有如下兩種方式：

配置檔案

然後我們可以開始建立配置檔案.eslintrc，生成配置檔案的命令如下所示：

$ eslint --init

$ cd node_modules/.bin$ eslint --init

我們可以在終端中輸入命令執行上述命令：

如圖所示，會以問答的形式生成來配置檔案，我們可以根據自己的需求來選擇，出現如下圖所示提示則表示檔案建立成功：

生成的.eslintrc.js檔案內容大致如下所示：

module.exports = ,    "extends": [        "eslint:recommended",        "plugin:vue/essential"    ],    "globals": ,    "parseroptions": ,    "plugins": [        "vue"    ],    "rules": };

執行eslint

配置檔案建立成功後，我們可以使用eslint命令來測試檔案。注意要在.bin目錄下，執行eslint命令：

$ cd node_modules/.bin$ eslint filename.js

示例：例如我們建立乙個用於測試的add.js檔案，檔案內容如下所示：

function add(i)  else };

例如第乙個錯誤no-unused-vars表示禁止使用未使用的變數。第二個錯誤use-isnan表示在在檢查「nan」時需要呼叫isnan()。第三個錯誤no-extra-semi表示不允許不必要的分號。

配置檔案格式

eslint 支援幾種格式的配置檔案：

如果同乙個目錄下有多個配置檔案，eslint 只會使用乙個。優先順序順序如下：

.eslintrc.js.eslintrc.yaml.eslintrc.yml.eslintrc.json.eslintrcpackage.json

eslint 如何單獨給一行取消eslint檢查

只要在這一行的末尾加上注釋即可 比如 const img require assets logo.png 當typescript的開發環境中使用require引入外部檔案被eslint約束報錯的時候，只要在末尾加上 eslint disable line注釋即可 const img require ...

vscode使用eslint設定

讓prettier使用eslint的 格式進行校驗 prettier.eslintintegration true,去掉 結尾的分號 prettier.semi false,使用帶引號替代雙引號 prettier.singlequote true,讓函式 名 和後面的括號之間加個空格 j ascri...

WebStorm設定eslint儲存自動格式化

使用webstorm開發vuecli建立的vue專案，npm run serve 時出現很多eslint檢查錯誤，希望能夠儲存檔案時自動修復。第一反應是上網搜，搜到了很多prettier結合file watchers的答案，也搜到了很多eslint手動配置快捷鍵的答案，都沒有成功。此時，我感到有些急...