vue项目中比较坑的点--Elisint的报错

在运行vue项目时,Elsint检查是比较坑的点,写一下我遇到的问题,以及解决。
在运行时,发现Elsint的格式检查非常的严格。

问题1:Trailing spaces not allowed no-trailing-spaces

在.eslintrc.js 文件,找到 rules 字段,在其中添加:

'no-irregular-whitespace': 'off'

把禁止空格关掉,此禁止项详见 no-irregular-whitespace

问题2 Expected indentation of 2 spaces but found 4

在.eslintrc.js 文件,找到 rules 字段,在其中添加:

'indent': ['off', 2],

问题1和问题2 都是一样的招数,不想用Elsint规定的什么禁止行为的话,在在.eslintrc.js 文件,找到 rules 字段,把禁止此行为的属性改为off

注意! 修改了rules后需要重新运行一下,方可生效!!!

可以查看手册Eslint-Rules

问题3 最棘手! Newline required at end of file but not found eol-last

这个问题弄了最久的,在解决这个问题的时候让我理解了很多东西。
首先遇到这个问题,就立即去查别人是怎么弄的,先查到出现这个问题的原因是因为文档结尾没有空行。
尝试将文档结尾丢出空行

!!!但是在保存的时候 仍然被格式化为没有空行!!!

于是 去找了其他博客来解决这个问题。内容大致都是:
配置.eslintrc.js +配置setting.json文件
但是我的问题依然没有解决!!!

最后终于找到了解决方法:让其自动修复!!!!!!!

在 package.json文件中,添加:

"lint": "eslint --fix --ext .js,.vue src"

配置
然后在运行项目时npm run serve 时,也需要运行 npm run lint

就完美解决!!!


评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值