sublime text 原生不支持 css 格式化,必须安装 csscomb 插件并在项目根目录配置 .csscomb.json 文件,否则格式化静默失效;其专为 css 设计,行为可控,不依赖 node.js,缩进、属性排序等均可定制。

Sublime Text 原生不支持一键格式化,所有“按一下就整齐”的效果都依赖插件,且必须手动配置路径或规则,否则点快捷键毫无反应——这不是操作问题,是设计如此。
JsPrettier 格式化 JavaScript/TypeScript/JSON 为什么总没反应
装完 JsPrettier 后按 Ctrl+Alt+F(Windows/Linux)或 Cmd+Alt+F(macOS)没反应,大概率是 prettier_cli_path 没配对:
-
prettier必须全局安装:运行npm install -g prettier,别只装在项目里 - Mac/Linux 用户查路径用
which prettier,常见值如/opt/homebrew/bin/prettier或~/.npm-global/bin/prettier;填进设置时必须写绝对路径,不能只写prettier - Windows 用户注意扩展名:
C:\Users\{user}\AppData\Roaming\npm\prettier.cmd,漏掉.cmd就失败 - 改完配置后必须重启 Sublime Text,插件不热重载
CodeFormatter 插件怎么避免格式化整个文件
CodeFormatter 默认作用于当前光标所在语言块或全文件,但很多场景下你只想整理一段逻辑(比如一个对象、一段 JSX),而不是让注释和模板字符串也被重排:
- 先手动选中目标代码块(
Ctrl+鼠标拖选或Shift+方向键),再调用命令 - 快捷键
Ctrl+Alt+F在有选区时自动降级为“仅格式化选区”,无选区才全文件处理 - 如果误触导致
/* prettier-ignore */被删或引号批量转换(单引号→双引号),说明没选中就执行了——老项目尤其要警惕 - Vue/Svelte 单文件组件建议关掉自动触发,在
Preferences → Package Settings → CodeFormatter → Settings中禁用"auto_format_on_save"
CSScomb 是唯一靠谱的 CSS 格式化方案吗
是。用 JSBeautify 或 HTML-CSS-JS Prettify 格式化 CSS 容易吃掉 calc(100% - 2rem) 里的空格、打乱自定义属性顺序、把多行声明压成一行——CSScomb 是专为 CSS 设计的,行为可控:
- 安装后必须手动配置:在项目根目录放
.csscomb.json,否则用默认规则极易出错 - 关键字段如
"space-before-parentheses": true、"always-semicolon": true要显式开启,不然margin: 0;可能变成margin:0 - 不依赖 Node.js,无需额外 CLI,比
JsPrettier更轻量 - 缩进、属性排序、大括号位置等全部可配,但别指望它自动识别 Tailwind 类名顺序——那是 linter 的事
真正麻烦的不是装插件,而是每种语言都要匹配对应工具链:JS 用 JsPrettier,Python 用 Black,CSS 用 CSScomb,HTML 用 JSBeautify——混用或跳过配置,基本等于白装。











