配置vue2项目中组件命名忽略大小写

vue2中如果我们想通过目录名称下创建index.vue的方式,创建组件,有时候可能会有错误提示“component name index should always be multi-word”,在这里我介绍一下,我亲测能使用的方法:

如果项目根目录下没有.eslintrc.js文件,则创建一个该文件,如果有,则参考下方代码直接添加,代码如下

//.eslintrc.js

module.exports = {
  //其他配置
  rules: {
    'vue/name-property-casing': ['error', 'PascalCase'], // 确保组件名称使用 PascalCase
    'vue/multi-word-component-names': 'off' // 关闭多词组件命名规则
  }
}

注意:如果.eslintrc.js本身存在,那么添加如上代码后,就会直接生效,如果该文件本身不存在,那么需要重新打开编辑器,并重新运行vue项目才可。

本配置是在通过vue-cli创建vue2项目下生效的,具体如何创建,请参考这篇文章创建vue3项目的两种方式

你可能感兴趣的:(vue2.x,vue.js,前端)