什么是 prettier？
Prettier 是一个代码格式化工具，能够自动格式化代码，让代码风格一致，减轻代码编写时的工作量，防止低级问题（如多余的空格、不正确的缩进等）。
为什么要使用 prettier？
在编写代码时，代码风格的一致性十分重要，不同的人可能会有不同的编码风格，不一致的代码风格可能会影响代码的可读性和维护性。Prettier 可以帮助我们自动格式化代码，遵循团队制定的代码风格规范。
安装和使用 prettier
通过 npm 安装 prettier：
npm install prettier --save-dev
安装完毕后，我们可以使用以下命令格式化单个文件或整个目录：
prettier [options] [file/dir/glob ...]
例如，我们可以使用以下命令格式化整个项目：
prettier --write "**/*.js"
@anireact/prettier-config 的使用
@anireact/prettier-config 是一个 prettier 的配置文件，该文件提供了一组团队笔者认为的最佳实践，使用此配置文件可确保代码风格的一致性。
安装
通过 npm 安装 @anireact/prettier-config：
npm install @anireact/prettier-config --save-dev
使用
在项目根目录创建一个文件 .prettierrc.js，内容如下：
module.exports = {
...require("@anireact/prettier-config"),
};以上配置会将 @anireact/prettier-config 所有的配置项合并到 .prettierrc.js 中，确保代码风格一致。
示例代码：
在以下示例代码中，我们可以看到，使用 @anireact/prettier-config 可以自动格式化代码并保持一致的风格。
-- -------------------- ---- -------
-- -- -------------------------
-------- ------ -
-- --- -
------------------- ---------
- ---- -
---------------- ---------
-
-
----------
-- -----
-- ------ ------备注
使用 @anireact/prettier-config 可以方便地规范代码风格，尽可能地避免低级问题。但是，代码风格只是代码质量的一个方面，在编写高质量代码的过程中，我们仍需要注意代码的可读性、可维护性和性能等问题。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/anireact-prettier-config