在运行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