vscode中ESLint配置

在创建项目选择ESLint，创建项目之后会看到根目录下有个.eslintrc.js.

在vscode中对eslint进行配置：在根目录下创建一个文件夹.vscode，并在文件夹下创建一个名为settings.json的文件，填写一下内容：PS：按下ctrl + s保存代码：自动调试eslint修复

1
2
3
4
5
6
7

{
    "eslint.run":"onType",
    "editor.codeActionsOnSave": {
        "source.fixAll.eslint": true
    },
    "eslint.alwaysShowStatus": true
}

或

管理----设置 然后点击工作区 点击右上角的打开设置（json）添加一下内容：

1
2
3
4
5
6
7

{
    "eslint.run":"onType",
    "editor.codeActionsOnSave": {
        "source.fixAll.eslint": true
    },
    "eslint.alwaysShowStatus": true
}

PS：核实用户设置（json）的插件设置（禁用，防止设置失效）

或

运行npm run lint 命令用来eslint检查并自动修复代码中的问题

如果上述还是报错：

直接在脚手架关掉eslint：首先在根目录下创建一个vue.config.js写入以下内容：

1
2
3

module.exports = {
  lintOnSave: false // 默认是true
}