vscode报错vue/multi-word-component-names处理

vue/multi-word-component-names是用于检测当前的组件名称是否使用驼峰或多单词命名

错误截图如下：

1.可以修改 .eslintrc.js文件的配置

module.exports = {
  root: true,
  env: {
    node: true,
  },
  extends: ['plugin:vue/essential', 'eslint:recommended', 'plugin:prettier/recommended'],
  parserOptions: {
    // parser: '@babel/eslint-parser',
  },
  rules: {
    // 去掉函数()前面的空格
    'space-before-function-paren': 'off',
    'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
    'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
    // 关闭驼峰命名规则
    'vue/multi-word-component-names': 0,
  },
}

2.修改vue.config.js文件中的配置

在项目的根目录找到vue.config.js文件

添加 关闭语法检查

3.除了以上两点外，还要检查是不是style标签中的 lang 没有定义

将 lang=“” 删除或者定义(less/scss), 这时候可以看到终端没有报错，而 问题依然报错

禁用 ESLint 插件即可