vue项目vscode安装eslint插件和错误自动修复以及如何关闭eslint校验

当我们编写不符合eslint规范的代码时，启动项目会报错，而且代码里会报红，如下图：

方案一：自动错误修复

运行指令：npm run lint 会帮助我们自动修复不符合规范的代码

方案二：安装eslint插件

① 安装eslint插件并启用

② 文件 > 首选项 > 设置 > setting.json

添加如下配置：

"editor.codeActionsOnSave": {
    "source.fixAll": true
 },

配置完成后，在我们编写代码时，eslint会自动纠正我们错误的写法

方案三：暂时关闭eslint校验

在项目中创建文件 vue.config.js , 添加如下代码：

module.exports = {
  lintOnSave: true // 暂时关闭代码格式检测
}

这样编写代码即使不符合编码规范也不会报错，需要最后npm run lint 自动修复不符合规范的代码