vue-cli eslint 命令行命令显示规则

Posted 2023-02-23

【中文标题】vue-cli eslint 命令行命令显示规则

【英文标题】：vue-cli eslint command line command to display rule

【发布时间】：2019-02-13 00:23:00

【问题描述】：

我创建了一个 vue-cli 项目并打开了 linting，这很棒。但它扩展了 airbnb-base 的规则，然后是 @vue/airbnb，然后是各种 vue 配置，然后是我们的自定义规则。

是否有命令行命令来显示最终的扩展规则或规则？

我的尝试： 如果它在 vue-cli 或 @vue/cli-plugin-eslint 的文档中，我会错过它。 [eslint](https://eslint.org/docs/user-guide/command-line-interface 上的文档使我看起来应该能够使用 eslint --print-config file.js 但 eslint、'vue-cli-service lint 和 vue lint 是未知命令或未找到命令。

【参考方案1】：

这似乎对我今天有用。我在“vue/require-v-for-key”上遇到了一个错误，当我定义了一个密钥但没有使用该密钥时，又出现了第二个错误。所以，我试图完全禁用 ESLint。这在 ESLint 配置环境全局变量的使用中没有得到很好的记录。

我在我的 vue cli 3 安装的 main.js 中添加了一条注释来定义我的应用程序的环境。

main.js

/* eslint-env node */

在安装我的项目时，我告诉 Vue 将配置安装在单独的 .js 文件中，因此 vue cli 创建了 .eslintrc.js 而不是将配置存储在 package.json 中。我将该文件中的 env 设置从 true 更改为 false。

.eslintrc.js

module.exports = 
  root: true,
  env: 
    node: false
,

重要！！我必须重新启动本地开发服务器 (npm run serve) 命令才能让它采用新的 .eslintrc.js 设置。

您还可以使用 eslintrc.js 文件的规则部分禁用单个规则。编辑后别忘了重启你的开发服务器。

.eslintrc.js

'vue/require-v-for-key' : 'off'

【参考方案2】：

我刚刚遇到了同样的问题，并试图在扩展所有这些单独的配置后理解最终的合并配置。

事实证明eslint --print-config .eslintrc.js（或任何您的配置文件命名）按预期工作。

您可能遇到的唯一问题是，您没有使用 npm 全局安装 eslint，因此您需要安装它或像这样运行它npx eslint --print-config .\.eslintrc.js。 npx 是 npm 附带的一个工具，可以直接从包中运行本地或未安装的脚本。