为代码评审与交接格式化 CSS

适用场景

构建产物或第三方压缩 CSS：先 beautify 便于人读；仅在需要时才对生产产物做 minify。

要使用的工具

美化或压缩 CSS 代码。

打开 CSS 美化/压缩 →

步骤

  1. 1粘贴来自构建或供应商的 CSS。
  2. 2确认缩进能体现规则与媒体查询。
  3. 3评审过程中不要 minify。
  4. 4结合 Git diff，避免行为被悄悄改掉。

示例

  • 第三方 widget CSS 先 beautify 再覆盖样式。
  • 在抽取设计令牌前规范化旧表。

应避免

  • 评审时 minify 掩盖结构变化。
  • 以为 beautify 能修复非法语法。
  • 把 beautify 后的 vendor CSS 当真值却不锁版本。

相关工具

博客

开发者与数据工具 中的更多内容

所有任务指南 或前往 开发者与数据工具 专区.

常见问题

beautify 还是 lint？

先 beautify 阅读；可读后再用 lint 检查规则。

特异性会变吗？

理论上只改空白，仍需留意 diff。

所有任务指南 · 开发者与数据工具 工具 · 博客