前端工程——代码格式化

背景介绍

现在普遍项目都是团体开发，每个人都有自己不同的书写风格，我们需要格式化工具来统一码风。

我们通用的方案是ESLint+Prettier，他们的职责如下：

ESLint： 负责对代码的格式进行校验，配置文件为.eslintrc.js

Prettier：负责对代码进行格式化，配置文件为.prettierrc.js

但是问题来了，这两种工具都有独立的配置项，我们需要人为编写配置去控制这两个工具保持一致。否则就会出现，用户保存后自动触发prettier，prettier格式化了一个不符合标准的代码，然后ESLint检查报错，这对新手来说是非常折磨的。下面就讲一讲遇到各种问题的解决方案

一.项目只有ESLint配置文件

ESLint其实自带也有格式化的功能，只不过他不是专业的。参考

所以我们可以根据ESLint配置来使用ESLint进行格式化，只要我们有对应的ESLint配置文件，我们就可以在VSCode上面开启该功能，参考文章点这里，如下图：

然后在自动格式化这里选择ESLint即可

二.项目有 ESLint配置文件和prettier配置文件

这种情况下还出现冲突，要么是prettier被人篡改了导致不配套，或者说你自己指定了prettier文件

可以自己检查一下

三.通用的解决方法

网上比较流行的是使用一个叫做Prettier ESLint的插件，该插件会将不符合pretier要求的ESLint规则禁用。。。emmm也算是另外一种比较勉强的解决方案了吧