之前困扰我许久,为啥控制台飘红
我明明在eslint中的rules定义相关规则为warn或者off了 ,为啥还是飘红。
其实只需要在.eslintrc.js,的extends的数组中的最后加上’prettier’
加上还不行的话,自己运行一下
npm i eslint prettier-eslint eslint-config-prettier --save-dev
查阅相关文档是这么说的:
extends 多个模块,如果规则冲突,位置靠后的包将覆盖前面的。rules 中的规则相同,并且优先级恒定高于 extends;
比如:
‘plugin:vue/essential’,
‘@vue/standard’,
‘prettier’,
没加’prettier’前,你的项目可能出现飘红报错,但是加上’prettier’以后,他的规则会把上述两者的进行覆盖,即能通过’prettier’规则校验的,就不受上面两个规则约束了。
最后强烈建议创建vue项目的时候,脚手架选中prettier这一项。这样创建的架子,可以保存后自动加分号等操作。