SCSS 美化器 – 在线格式化美化 SCSS 代码
SCSS 美化器使用 Prettier 的 postcss 解析器在浏览器中格式化 SCSS，将难读的源码变成布局一致的代码。粘贴或拖放 SCSS，然后设置缩进和打印宽度，再复制结果。您可以用它在审查前整理样式表、减少 diff 中仅为空白的差异，或检查输入能否正确解析。免费、无需注册，页面加载后支持离线使用。
SCSS 美化器是一款基于浏览器的 SCSS 格式化工具，使用带 postcss 解析器的 Prettier。它将粘贴或拖放的 SCSS 转换为更易于浏览、审查和分享的格式化输出。当您需要快速整理样式表源码，而不想搭建本地格式化工作流时，就可以用 SCSS 美化器。
该工具提供可配置的缩进和打印宽度，您可以选择格式化代码的缩进方式以及行宽达到多少时换行。粘贴或拖放 SCSS，选择可用的格式化选项，然后复制结果。该工具还可以帮助检查输入能否正确解析，并定位解析失败的行。
SCSS 是样式表的源码，而美化器只为可读性改变其呈现方式，不会将其转换为其他数据格式。一致的格式让嵌套规则和声明更易于检查，并能减少代码 diff 中仅为空白的改动。这在审查生成的样式、遵循既定的风格规范，或为报告、代码审查准备代码片段时都很有用。
SCSS 美化器完全在浏览器中运行：您的输入在设备上处理，不会上传、存储或发送到服务器。无需注册，页面加载后无需服务器连接即可继续离线工作。开发者和 DevOps 工程师可以用它进行日常样式表清理、提交前审查，以及快速检查同事提供或工具生成的 SCSS。
步骤 1：将您的 SCSS 粘贴或拖放到工具中。您可以格式化完整的样式表或一小段代码。
步骤 2：选择缩进和打印宽度选项。这些设置控制格式化输出的布局。
步骤 3：使用 Prettier 的 postcss 解析器格式化 SCSS。检查结果，确保其可读且布局符合预期。
步骤 4：复制格式化后的输出，用于样式表、代码审查、错误报告或其他工作流。
使用场景：在提交前，让难以阅读的机器生成的 SCSS 文件更易审查。
使用场景：将您没有编写的 SCSS 文档与需要遵循的格式规范对照检查。
使用场景：生成缩进一致的输出，让 diff 突出代码改动而非空白噪音。
使用场景：在将代码片段粘贴到错误报告或代码审查中之前先格式化。
使用场景：检查 SCSS 输入能否正确解析，并找到解析失败的行。
使用场景：在讨论样式表结构之前，先整理来自同事或其他来源的样式表代码。
使用场景：在准备文档或分享 SCSS 片段时应用一致的格式。