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文件