在前端开发中，代码格式的规范化是很重要的一环。好的代码规范可以提升代码的可读性和可维护性，避免出现一些常见的错误和不规范的代码，从而提高项目的质量。在这个方面，很多前端工具都提供了自动化的解决方案，如 prettier。
prettier 是一款支持多种语言的代码格式化工具，可以自动调整代码的格式，遵循一致的样式规则，并且可以配置自己的规则。而 prettier-config-standard 就是一款 prettier 的配置包，它提供了一个标准的代码格式规范，让你能够在项目中快速的引用它来自动格式化代码，同时需要灵活可配置。
安装 prettier-config-standard
你可以使用 npm 或者 yarn 安装配置包：
--- ------- ---------- ------------------------
---- --- ----- ------------------------
配置 prettier
在项目的根目录下新建一个 .prettierrc.js 文件，并在其中输入以下代码：
-------------- - - -------------------------------------- --
配置文件引用了 prettier-config-standard，将它的规则应用到你的项目中。
这里需要注意的是，如果你在项目中定义了一些自己的规则，那么它们可能会与 prettier-config-standard 有所冲突。这时你可以在 .prettierrc.js 文件中增加一些配置项，以覆盖默认的配置，从而满足自己的需求。
集成到项目中
要让 prettier 在你的项目中自动化生效，我们可以使用 pre-commit 进行配置。在项目的根目录下的 package.json 文件中增加以下代码：
---------- - --------- --------- ------- ---- -- ------------- ----------
这里我们定义了一个 format 命令，当你运行 npm run format 的时候，prettier 将会自动格式化你的代码。
另外，pre-commit 自动化工具会在每次 commit 代码之前自动执行 npm run format 命令，并将格式化后的代码放入到暂存区中，从而保证我们提交的代码符合规范。
示例代码
假设你的项目中有以下代码：
--- ---- - ---------- ------------------ ----------
通过 prettier-config-standard，它将会被调整为：
----- ---- - ----------- ------------------ -----------
可以看到，它已经满足了 prettier-config-standard 的样式规则。而这一切的变化都是自动完成的，在你编写代码的过程中，无需再次关注格式化的细节，因为 prettier 已经为你自动处理了。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/5eedaca5b5cbfe1ea0610ab3