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

就完美解决!!!


Logo

前往低代码交流专区

更多推荐