ESLint 配置（一）基礎配置

安裝

環境：Win10+VSCode+npm@6.14.5+node@12.16.2

1. 新建一個空文件夾：
   

2. 初始化 npm：npm init -y（y 參數可以跳過問答，直接用默認參數初始化）
   會在根目錄中添加一個 package.json，內容如下

   {
    "name": "test_eslint_2",
    "version": "1.0.0",
    "description": "",
    "main": "index.js",
    "scripts": {
        "test": "echo \"Error: no test specified\" && exit 1"
    },
    "keywords": [],
    "author": "",
    "license": "ISC"
   }
   

3. 安裝 ESLint：npm install eslint@latest -D

   在目錄中添加了 package-lock.json 和 node_modules 文件夾

4. 初始化 ESLint：npx eslint --init （npx 使用教程）

   

5. 使用 ESLint 對 js 文件進行檢查：npx eslint xxx.js

   eslint --init 之后，自動生成了 Eslint 的規則文件：.eslintrc.js

   module.exports = {
    "env": {
        "browser": true,
        "es6": true
    },
    "extends": "eslint:recommended",
    "globals": {
        "Atomics": "readonly",
        "SharedArrayBuffer": "readonly"
    },
    "parserOptions": {
        "ecmaVersion": 11,
        "sourceType": "module"
    },
    "rules": {
    }
   };
   

   其中，"extends": "eslint:recommended"表示繼承了 eslint 推薦的規則，可以在 http://eslint.cn/docs/rules/ 頁面查看，規則前面有一個綠色對勾的就是推薦的規則。
   
   上面的默認規則表示禁止自我賦值，故意在代碼中寫一個自我賦值：

   var i = 0;
   i = i;
   

   然后運行 npx eslint test.js 檢查：
   
   觀察到 eslint 指出了代碼中的自我復制，且等級為“error”

6. Over