prettier

<h2 align="center">固执己见的代码格式化工具</h2> <p align="center"> <em> JavaScript · TypeScript · Flow · JSX · JSON </em> <br /> <em> CSS · SCSS · Less </em> <br /> <em> HTML · Vue · Angular </em> <br /> <em> GraphQL · Markdown · YAML </em> <br /> <em> <a href="https://prettier.io/docs/en/plugins.html"> 你最喜欢的语言？ </a> </em> </p> <p align="center"> <a href="https://github.com/prettier/prettier/actions?query=workflow%3AProd+branch%3Amain"> <img alt="Github Actions 构建状态" src="https://img.shields.io/github/actions/workflow/status/prettier/prettier/prod-test.yml?label=Prod&style=flat-square"></a> <a href="https://github.com/prettier/prettier/actions?query=workflow%3ADev+branch%3Amain"> <img alt="Github Actions 构建状态" src="https://img.shields.io/github/actions/workflow/status/prettier/prettier/dev-test.yml?label=Dev&style=flat-square"></a> <a href="https://github.com/prettier/prettier/actions?query=workflow%3ALint+branch%3Amain"> <img alt="Github Actions 构建状态" src="https://img.shields.io/github/actions/workflow/status/prettier/prettier/lint.yml?label=Lint&style=flat-square"></a> <a href="https://codecov.io/gh/prettier/prettier"> <img alt="Codecov 覆盖率状态" src="https://yellow-cdn.veclightyear.com/2b54e442/afbebe2e-fe54-4f69-9c23-2f2da9b356f3.svg?style=flat-square"></a> <a href="https://twitter.com/acdlite/status/974390255393505280"> <img alt="快如闪电" src="https://yellow-cdn.veclightyear.com/2b54e442/2431eb55-de05-4773-b6c3-725c43f5848c.svg?style=flat-square"></a> <br/> <a href="https://www.npmjs.com/package/prettier"> <img alt="npm 版本" src="https://yellow-cdn.veclightyear.com/2b54e442/50230477-4f36-43b2-a91a-d18269cf66cd.svg?style=flat-square"></a> <a href="https://www.npmjs.com/package/prettier"> <img alt="每周从 npm 下载量" src="https://yellow-cdn.veclightyear.com/2b54e442/9d6379dd-7d72-4c64-b283-96c53267285a.svg?style=flat-square"></a> <a href="#badge"> <img alt="代码风格：prettier" src="https://yellow-cdn.veclightyear.com/2b54e442/e1645e0f-f78f-4f87-93d4-20d30d8c067e.svg?style=flat-square"></a> <a href="https://twitter.com/PrettierCode"> <img alt="在 Twitter 上关注 Prettier" src="https://img.shields.io/badge/%40PrettierCode-9f9f9f?style=flat-square&logo=x&labelColor=555"></a> </p>

简介

Prettier 是一个固执己见的代码格式化工具。它通过解析你的代码并用自己的规则重新打印来强制执行一致的风格，这些规则会考虑最大行长度，在必要时换行。

输入

<!-- prettier-ignore -->

foo(reallyLongArg(), omgSoManyParameters(), IShouldRefactorThis(), isThereSeriouslyAnotherOne());

输出

foo(
  reallyLongArg(),
  omgSoManyParameters(),
  IShouldRefactorThis(),
  isThereSeriouslyAnotherOne(),
);

Prettier 可以在你的编辑器中保存时运行，在预提交钩子中运行，或在 CI 环境中运行，以确保你的代码库具有一致的风格，而开发人员再也不用在代码审查中发表吹毛求疵的评论了！

---

文档

<!-- prettier-ignore -->

安装 · 选项 · 命令行界面 · API

在线试用

---

徽章

向世界展示你正在使用 Prettier →

[![代码风格：prettier](https://yellow-cdn.veclightyear.com/2b54e442/e1645e0f-f78f-4f87-93d4-20d30d8c067e.svg?style=flat-square)](https://github.com/prettier/prettier)

贡献

参见 CONTRIBUTING.md。