vue eslint报错 Component name “xxx” should always be multi-word.eslintvue 关闭命名规则校验

最新推荐文章于 2024-07-11 15:16:49 发布

Rio_Gaven

最新推荐文章于 2024-07-11 15:16:49 发布

阅读量651

点赞数 8

文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/Rio_Gaven/article/details/136485639

版权

本文介绍了如何在ESLint配置文件中设置规则，如关闭Vue项目中的多单词组件命名规范，并根据环境变量管理console和debugger在生产环境中的使用。还提及了测试文件中的特定环境配置。

摘要由CSDN通过智能技术生成

1.在根目录下找到 .eslintrc.js 文件（如果没有则新建一个）

2.在rules:里添加以下内容：

    "vue/multi-word-component-names":"off",

例子：

module.exports = {
  root: true,
  env: {
    node: true
  },
  'extends': [
    'plugin:vue/essential',
    'eslint:recommended'
  ],
  parserOptions: {
    parser: '@babel/eslint-parser'
  },
  rules: {
    'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
    'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
     //在rules中添加自定义规则
	 //关闭组件命名规则
     "vue/multi-word-component-names":"off",
  },
  overrides: [
    {
      files: [
        '**/__tests__/*.{j,t}s?(x)',
        '**/tests/unit/**/*.spec.{j,t}s?(x)'
      ],
      env: {
        jest: true
      }
    }
  ]
}