eslint 入門學習

想學eslint已經很久了，可是每次進到官網看一下就覺得頭大，無法下手，但是最近到了年底，進行年度總結，作為乙個有志向的程式媛，還是要追求編碼規範的，因此今天再次拿起來了eslint,記錄一下我的學習歷程：

1.安裝：(為了方便使用，我進行了全域性安裝）

1 npm install -g eslint

2.生成配置檔案：

1 eslint --init

3.初始化專案，使用npm init生成package.json檔案：

4.建立乙個index.js檔案，並寫乙個函式：

1

function
merge () ;
3for (var i in
arguments) 
7return
ret;8}
910 console.log(merge(, ));

5.執行eslint進行檢查：

1 eslint index.js

6.錯誤等級：

1

0或』off』：關閉規則。 
21或』warn』：開啟規則，並且作為乙個警告（並不會導致檢查不通過）。 
3 2或』error』：開啟規則，並且作為乙個錯誤 (退出碼為1，檢查不通過)。

7.配置**注釋方式：

1 忽略no-undef檢查2/*

eslint-disable no-undef
*/

8.自動修復，使用--fix可以幫助我們修復部分的錯誤：

eslint index.js --fix

9.常用rules:

"no-console"禁用console

"no-cond-assign"禁止條件表示式**現賦值操作符
"no-debugger"禁止debugger
"no-dupe-args":禁止function定義**現重名引數
"no-dupe-keys":
"no-duplicate-case"
"no-empty"
"no-empty-character-class"
"no-extra-boolean-cast"
"no-extra-parens"
"no-extra-semi"
"no-func-assign"
"no-innter-declarations"
"no-irregular-whitespace"
"no-prototype-builtins"

eslint 設定目錄 ESLint 配置

eslint 被設計為完全可配置的，這表示我們可以關閉每乙個規則，而只執行基本語法驗證，或混合和匹配 eslint 預設繫結的規則和自定義規則，以讓 eslint 更適合我們的專案。配置 eslint有如下兩種方式 配置檔案 然後我們可以開始建立配置檔案.eslintrc，生成配置檔案的命令如下所示...

ESlint驗證規則

vscode中選擇檔案 首選項 設定裡面對eslint進行配置 globals parser babel eslint rules 塊內部宣告變數或函式 no extra boolean cast 1,多餘的感嘆號轉布林型 no extra semi 1,多餘的分號 no extra parens ...

ESlint配置規則

規則格式是 規則名稱 告警級別 告警級別分為三種 0 表示忽略問題，等同於 off 1 表示給出警告，等同於 warn 2 表示直接報錯，等同於 error rules 指定陣列的元素之間要以空格隔開 後面 never引數 之前和 之後不能帶空格，always引數 之前和 之後必須帶空格 array...