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

Z时代
2024-02-08
分类：IT

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

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

回答：

你可以安装 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)$']
      }
    ]
  }};