Prettier 可以帮我们格式化代码，比如自动缩进，把双引号改成单引号，把长的代码格式化成多行等等。在项目里可以安装一个 Prettier 包，然后用命令去格式化代码，或者也可以直接在编辑器上安装一个 Prettier 扩展。

在 VSCode ，打开安装扩展的界面，可以打开命令面板，搜索 install ， 然后搜索要安装的扩展，prettier ， 可以安装一下 Prettier ，Code formatter 。

安装了这个扩展以后，编辑器里会多出一些格式化相关的命令，先打开项目里的一个文件，然后打开编辑器的命令面板，可以搜索一下 format ，会列出相关的命令， 比如格式化文档，或者格式化所选代码等等。

打开 VSCode 编辑器的配置， 搜索一下 Format on save，保存文件的时候自动格式化。

这样在保存代码文件以后，会自动格式化， Prettier 可以配置一下， 在项目的根目录下面，添加一个配置文件，名字是 .prettierrc， 相关的配置是一个 json 格式的数据。

可以使用的配置选项你可以参考 Prettier 的官方文档， 先添加一个 singleQuote ，把它设置成 true。

再添加一个 trailingComma ， 设置成 all ， 在多行的时候自动会在最后一行添加逗号。

下面可以打开一个代码文件试一下。

注意这里有个对象，现在最后一个项目的结尾没有逗号，保存一下文件，会自动在这里添加一个逗号。

再把这个单引号，换成双引号， 保存文件，Prettier 会自动把双引号换成单引号。

再试一下缩进 ... 保存文件， Prettier 可以帮我们修改不正确的缩进，默认会缩进两个空格，你可以通过配置选项，设置成自己想要的缩进尺寸。