vscode 添加eslint插件

1. 安裝vscode中的eslint插件

Ctrl + Shift + P 調出控制台，輸入install，再在插件版塊查找ESLint，安裝

2. 安裝node，安裝npm

3. 全局安裝ESLint模塊【2020年5月12日修改：VsCode 1.44.x 可跳過此步驟，不必全局安裝 eslint，項目目錄安裝即可】

npm install eslint -g 

4. 當前項目目錄安裝vscode依賴的ESLint插件(package.json)

{
  "devDependencies": {
    "eslint": "^4.0.0",
    "eslint-config-standard": "^10.2.1",
    "eslint-plugin-import": "^2.3.0",
    "eslint-plugin-node": "^5.0.0",
    "eslint-plugin-promise": "^3.5.0",
    "eslint-plugin-standard": "^3.0.1"
  }
}

5. 執行命令

eslint --init

如果在其他命令行中執行代碼，當執行到上圖所示的選擇時，可直接輸入對應數字即可！！！

項目執行完之后項目生成的.eslintrc.json

{
    "extends": "standard",
    "plugins": [
        "standard",
        "promise"
    ],
    "rules": {
        //關閉額外的分號檢查
        //0:關閉，1:警告，2:異常
        "semi": 0,
        //字符串必須使用單引號
        "quotes": [
            "error",
            "single"
        ],
        // 換行四個空格
        "indent": ["error", 4]
    }
}

 

注意事項：

1. 項目目錄必須包含package.json

2. 項目目錄必須安裝上圖所示的幾個依賴

3. 項目目錄必須包含.eslintrc.json文件