不推荐使用SassBeautify，因其2019年已停止维护、不兼容Sublime Text 4，且格式化会误删变量、打乱嵌套结构；推荐HTML-CSS-JS Prettify手动配置或prettier+SublimeLinter-prettier组合方案。
别装 SassBeautify——它早已停止维护，2024 年后在 Sublime Text 4 上基本不可用，且不支持 calc()、--custom-property、嵌套选择器等现代 SCSS 语法，一格式化就删代码或打乱结构。
为什么 SassBeautify 不推荐用
该插件最后一次更新是 2019 年，官方仓库已归档；Sublime Text 4 的 API 变更导致其解析器崩溃，常见现象包括：
- 格式化后
$variable被误删或移到文件末尾 -
&父选择器嵌套被展平成独立规则 -
@mixin内部缩进全乱，@include行缩进错位两层 - 控制台报错
AttributeError: 'NoneType' object has no attribute 'groups'
真正能用的 SCSS 格式化方案：HTML-CSS-JS Prettify + 手动配置
这个插件纯 Python 实现，不依赖 Node.js，对 SCSS 兼容性好（虽非专为预处理器设计，但比 SassBeautify 稳定得多），关键要配对参数：
- 安装后必须进 Preferences → Package Settings → HTML-CSS-JS Prettify → Settings – User，粘贴以下最小可用配置：
{
"indent_size": 2,
"css_beautify": true,
"js_beautify": false,
"html_beautify": false,
"end_with_newline": false,
"wrap_line_length": 80
}
-
css_beautify: true是开关，不设它，SCSS 文件根本不会触发格式化 -
indent_size: 2匹配主流 SCSS 项目规范（Dart Sass 默认、Vite/Webpack 构建链也认这个） - 别改
Default配置文件——插件更新会覆盖它，只动User文件
快捷键怎么设才不冲突
默认无绑定，Ctrl+Alt+F 不会自动生效；手动加键位时注意三点：
立即学习“前端免费学习笔记（深入）”；
- 进 Preferences → Key Bindings，在右侧用户键位区添加：
[{"keys": ["ctrl+alt+f"], "command": "html_css_js_prettify"}]
- 如果同时装了 JsPrettier 或 CodeFormatter，它们的命令名分别是
js_prettier和code_formatter，和html_css_js_prettify冲突，会导致快捷键静默失效 - 复制时漏掉外层方括号
[ ]或结尾逗号，整个键位文件会解析失败，Sublime 启动变慢甚至卡死——建议粘贴前用 JSONLint 验证 - 右下角语法标识必须是
CSS（不是SCSS或Plain text），点击状态栏手动切一次再试
遇到格式化后嵌套错乱怎么办
HTML-CSS-JS Prettify 对嵌套支持有限，若发现 &:hover 或 @media (min-width: 768px) 被扁平化，说明它把 SCSS 当纯 CSS 解析了。此时必须换方案：
- 全局装
prettier：npm install -g prettier - 装插件
SublimeLinter-prettier，然后在插件设置里强制指定 parser：
{
"linters": {
"prettier": {
"@disable": false,
"args": ["--parser", "scss"],
"excludes": []
}
}
}
- 这样
prettier才会走 SCSS 专用解析器，保留嵌套、变量作用域和 mixin 展开逻辑 - Windows 用户若提示
prettier not found，大概率是 npm 全局 bin 路径没加进系统PATH
真正麻烦的不是装哪个插件，而是搞清当前文件到底走的是哪条解析链——语法标识、插件开关、CLI 工具路径、parser 参数，四个点只要一个断掉，格式化就静默失败，还看不出错在哪。
