eslint 或者 eslint-plugin-vue 是否有规则可以设置限制 .vue 文件名为大驼峰?

作者站长头像
站长
· 阅读数 7

想根据 vue风格指南 配置一份 eslint 规则,但是没找到限制文件名的。

但是 eslint-plugin-vuevue/multi-word-component-names规则可以限制相同的文件名vue/component-name-in-template-casing 可以限制在模板中使用大驼峰

回复
1个回答
avatar
test
2024-07-05

你可以安装 eslint-plugin-unicorn插件:然后在你的 ESLint 配置文件(.eslintrc.js 或 .eslintrc.json)中添加一下配置:

// .eslintrc.js
module.exports = {
  // ...
  plugins: [
    // ...
    'unicorn'
  ],
  rules: {
    // ...
    'unicorn/filename-case': [
      'error',
      {
        cases: {
          kebabCase: false,
          camelCase: false,
          pascalCase: true,
          snakeCase: false
        },
        ignore: ['\\.(?:(?:(?:j|t)sx?)|(?:j|t)s)$']
      }
    ]
  }
};

我这已经排除了js和ts的文件,更多的文件排除你自己添加这是他github上的详细介绍:https://github.com/sindresorhus/eslint-plugin-unicorn

回复
likes
适合作为回答的
  • 经过验证的有效解决办法
  • 自己的经验指引,对解决问题有帮助
  • 遵循 Markdown 语法排版,代码语义正确
不该作为回答的
  • 询问内容细节或回复楼层
  • 与题目无关的内容
  • “赞”“顶”“同问”“看手册”“解决了没”等毫无意义的内容