eslint 或者 eslint-plugin-vue 是否有规则可以设置限制 .vue 文件名为大驼峰?
想根据 vue风格指南 配置一份 eslint
规则,但是没找到限制文件名的。
但是 eslint-plugin-vue
的vue/multi-word-component-names
规则可以限制相同的文件名vue/component-name-in-template-casing
可以限制在模板中使用大驼峰
回复
1个回答

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
回复

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