前端代码格式化

遇到问题：

1. 为啥一个格式化配置好的项目vscode一打开，大片标红？

2. 保存自动格式化为什么会冲突？

3. 使用vscode时，vscode中安装的格式化插件与package.json中的依赖包有什么关系？

4. 格式化配置文件与vscode settings.json的区别？

   首先，说下第3点，vscode中安装的是在编辑器里面用的，如果项目根目录下有eslintrc和prettierrc配置文件，vscode插件会自动读取配置文件中的配置检查你的代码和格式化文件，npm安装的是在命令行中运行的 （插一下，这里就解决了第1点提到的问题，说明你装了格式化插件，它根据你的配置文件检测到了不规范的格式，给你标红出来了，你可以禁用掉你的插件，标红就消失了，注意IDE可能反应没这么快，重启就ok） 。如果你你只安装npm包，vscode是不会有lint提示的，只能通过命令行，在终端看不符合lint规则的检测信息。安装npm包最主要的原因是可以通过git hook强制提交代码前lint和格式化代码保证代码仓库的代码风格统一。

现在区别搞懂了，说下第2点，当我们保存时，代码会格式化，这都是IDE帮我们方便开发而实现的

这张截图中有些配置下面有黄色的波浪线，那是因为我禁用掉了相关的插件，左下角红色框圈起来部分，这也是导致冲突的关键，因为eslint和prettier格式化有交叉部分，最明显就是单双引号问题，按下保存键看到代码中单双引号交替变化，这时你可以禁用插件，也可以”editor.formatOnSave:false”或者注释掉。

最后说下我们平时开发格式化相关的点，因为我们都是做的ali相关的项目，他们有自己的代码规范
web.npm.alibaba-inc.com/package/esl…

我们的项目基本都安装了这个包，相当于那些格式规范不需要我们自己去配置，直接继承就行了