主页 / 问题 / 1302727
Accepted
doox911
Asked:2022-07-07 14:37:29 +0000 UTC2022-07-07 14:37:29 +0000 UTC

如何允许使用 @typescript-eslint 包在 mixin 类中以 camelCase 命名属性

  • 772

我们使用Vue + TS和ESLint来编写前端。为了符合代码风格，我们使用了@typescript-eslint 插件。

问题是，props 是写入的camelCase，当编写类样式组件时，它们是类的属性。并且习惯于在snake_case. 对于组件文件，我们已经覆盖了这些规则，但 mixin 具有扩展名.ts，因此属于不适用于组件的规则 ( .vue)。

是否有可能在不添加使用camelCase的情况下以某种方式解决这个问题 files .ts，稍后需要对类属性的命名达成口头协议？

vue.js

1 个回答

  1. Best Answer

    在issue中提出了一个不错的选择。我真的很喜欢这个选项。

    这个想法是用子扩展名命名文件（如果我不正确地命名以下内容，请在评论中正确），在这种情况下，我们可以为文件编写更简单的规则。

    例子：

    对于 mixin 类，我们使用.mixin.ts.

    files: ['*.mixin.ts'],
rules: {
  '@typescript-eslint/naming-convention': [
    'error',
    {
      selector: 'classProperty',
      format: ['snake_case', 'camelCase'],
    },
  ],
},
    • 0

相关问题