小记：vue-cli3.0项目 eslint 保存 控制台飘红问题error

之前困扰我许久，为啥控制台飘红
我明明在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这一项。这样创建的架子，可以保存后自动加分号等操作。