关于代码eslint 报错

关于关闭 ESLint 语法检查

ESLint 是一个插件化的 javascript 代码检测工具，它可以用于检查常见的 JavaScript 代码错误，也可以进行代码风格检查，能够很好的执行编码规范，提高项目代码的质量。

​ 但是开发或是学习当中，有时候模板是从github或是gitee上下载下来的半成品项目，项目内部做了好些相关的项目配置，比如Eslint检查，如果你没有安装或是配置Eslint相关设置的话，就会导致你在完成了某个小功能，启动项目的时候，进行疯狂检查，甚至于疯狂报错，十分难受。有时候我们可能想忽略检查，先完善功能，最后再进行完整配置等，此时如下5种方法，您可以试一下，仅供参考。

一、删除Eslint相关依赖项

​ 假如你的Vscode中没有安装任何Eslint相关的插件的话，那么你可以在此项目中的package.json文件中，查找所有的Eslint的依赖项或是配置，全部删除掉，记得重新启动一下Vscode，然后再进行编译，。

二、关闭语法检查

如果没有安装Eslint相关插件的话，可以用如下方式来关闭语法检查

1.临时关闭某行检查

在vue单文件组件中的script中的，添加一行代码，如下（示例）：

/* eslint-disable-next-line*/ 下一行则不检查语法了

const a = 10

2.临时关闭以下所有检查

代码如下（示例）：

/* eslint-disable*/ 此行往下都不检查

const a = 10

3.修改配置项

在当前项目中添加vue.config.js,添加代码如下

module.exports = {

​ lintOnSave:false // 修改成false 就是不检查了

}

三、设置中关闭语法检查

 

 

如果你安装了Eslint插件的话，可以使用如下方式来关闭语法检查：

在文件->首选项->设置中添加"eslint.enable": false配置即可或如下截图，取消勾选

 

但是此种设置，似乎只适合于你项目中没有对应的配置文件，比如vue.config.js是没有或是没有设置相关Eslist项，如果有相关配置文件，这种方式似乎是不生效的。

博客查看链接：Vscode: 关闭Eslint语法检查(多种方式，保证有效)_wangsk69的博客-CSDN博客_关闭eslint检查

我的配置演示

const { defineConfig } = require('@vue/cli-service')
module.exports = defineConfig({
  transpileDependencies: true,
  lintOnSave:false  // 修改成false 关闭Eslint 语法检查
})

---

另一种方法

在相对应的.eslintrc.js 文件中进行设置

 

module.exports = {

    env: {

      browser: true,

      es2021: true,

      node: true,

    },

    extends: [

      'plugin:vue/vue3-essential',

      'airbnb-base',

    ],

    parserOptions: {

      ecmaVersion: 12,

      parser: '@typescript-eslint/parser',

      sourceType: 'module',

    },

    plugins: [

      'vue',

      '@typescript-eslint',

    ],

    rules: {

    },

  };

 

直接将这行代码贴进去  也是可以实现相对应的效果