如何在Vue.js 2.x项目中为指定NPM包禁用ESLint？

我来帮你搞定这个问题！openapi-generator生成的代码确实经常自带一些不符合ESLint规则的写法（比如未使用对象、冗余变量），下面几种方法都能帮你精准禁用指定NPM包的ESLint检查：

方法1：通过.eslintignore文件全局忽略 #

这是最简单直接的方式，在项目根目录的.eslintignore文件中，添加你要忽略的生成包的路径。比如你的生成客户端包在node_modules/@my-openapi-client/下，就写：

node_modules/@my-openapi-client/**/*

**/*表示匹配该目录下的所有文件和子目录，ESLint会完全跳过对这个包的检查。

方法2：在ESLint配置文件中配置ignorePatterns #

如果你的项目使用的是.eslintrc.js（或.eslintrc.json、.eslintrc.yml）配置文件，可以直接在里面添加ignorePatterns字段，把目标包的路径加进去：

module.exports = {
  // 其他ESLint配置项...
  ignorePatterns: [
    'node_modules/@my-openapi-client/**/*'
  ]
}

这种方式适合不想单独维护.eslintignore文件，或者需要和其他ESLint配置统一管理的场景。

方法3：针对单个生成文件添加忽略注释 #

如果只是少数几个生成的文件有问题，也可以在文件顶部添加ESLint的全局禁用注释：

/* eslint-disable */
// 以下是openapi-generator自动生成的客户端代码

不过这种方法在生成文件数量较多时效率很低，更适合局部个别文件的场景。

方法4：Vue CLI项目专属配置 #

如果你的项目是用Vue CLI创建的，还可以在vue.config.js中配置开发时的ESLint忽略规则：

module.exports = {
  lintOnSave: {
    ignorePatterns: ['/node_modules/@my-openapi-client/**']
  }
}

这样在开发过程中保存文件时，ESLint也会自动跳过对这个包的检查，避免不必要的报错提示。

注意事项 #

记得替换示例中的@my-openapi-client为你实际使用的生成包名称，确保路径的准确性——可以先去node_modules目录下确认包的具体位置哦。

内容的提问来源于stack exchange，提问作者geschema