首页 > 解决方案 > vue-cli eslint 命令行命令显示规则

问题描述

我创建了一个 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.jsbut eslint, ' vue-cli-service lint,并且vue lint是未知命令或未找到的命令。

标签: eslintvue-clivue-cli-3

解决方案


这似乎对我今天有用。我在“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'

推荐阅读