做项目的时候，我们经常会用到 index.vue。咋回事呢。行为习惯爱好。比如有这么一个文件 views/home/index.vue, views 是视图根目录，home 是主页目录，index.vue 我习惯性作为目录的首个文件。由于 cli-plugin-eslint 的作用，这样是不行的。得用驼峰或-方式来命名。这样单个字母就不好搞了。不好搞也要搞，不能妥协。

干

在项目根目录，添加 .eslintrc.js 文件。如果已经有了就修改。主要改成下边这个样子。

// .eslintrc.js
module.exports = {
    root: true,
    env: {
      node: true,
    },
    extends: [
      "plugin:vue/vue3-essential",
      "eslint:recommended"
    ],
    parserOptions: {
      ecmaVersion: 2020,
    },
    rules: {
      "vue/multi-word-component-names": [
        "error",
        {
          ignores: ["index"], //需要忽略的组件名
        },
      ],
    },
  };

然后重新启动就好了。

读读

https://vue3js.cn/es6/