vscode 格式化代码后反而出现红色波浪线格式报错

表现：

vscode 代码文件格式化之后，反而出现红色波浪线，提示 应该换行/缩进不正确 等等格式不规范之类的信息。

原因：

因为同时开启了两个格式化插件，且两者的规则有冲突。

就我自己的情况而言：格式化代码时 vscode 调用的是 prettier 插件配置的规则；而校验代码格式报错红色波浪线 vscode 调用的是 eslint 插件的校验规则。

两者规则不一致，导致 prettier 格式化代码后，eslint 反而认为是不合法的，标注红色波浪线；

解法：

vscode 代码校验和代码格式化的插件如果一致，那么就不存在规则冲突的问题了。

一般认为 eslint 除了代码美化功能之外，还有一些校验功能，所以优先考虑使用 eslint 而干掉 prettier。 

1. 进入 vscode 的插件模块，找到 prettier 插件，将其禁用。

2. ctrl+shift+p ，搜索 format code，选择 eslint 作为格式化内容的方式；