vue-cli开发时,出现eslint 报错 Component name “home“ should always be multi-word

文章介绍了如何处理eslint关于Vue组件命名的规则,建议使用多词组避免与HTML标签冲突。提供了三种解决方案:一是关闭相关校验规则,二是忽略特定文件,三是保持校验但定制例外。强调了代码规范的重要性。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

其实这是eslint 的命名规则,建议的是以多词组的形式命名,防止和html的标签冲突

- 第一种解决方式: 直接关闭eslint的这块的校验规则

在eslintrc.js 文件中配置

	rules: {
		'vue/multi-word-component-names': 'off'
	}
- 第二种解决方式:忽略指定文件

若想保持着eslint规范开发的话,可以考虑这种
同样在eslinttr.js中配置

	rules: {
		'vue/multi-word-component-names': ['error', {
 			 ignores: ['Home'] 
		}]
	}
- 第三种解决方式: 直接关闭eslint的校验

依旧是eslintrc.js 文件中配置
不建议使用这种,开发还是得有一定的代码规范的

	lintOnSave: false
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值