Sublime中HTML-CSS-JS Prettify插件安装失败，通常因Package Control未正常运行；需先重装Package Control，再确保Node.js环境及全局js-beautify可用，并正确配置路径与格式化选项。
Sublime 里 HTML-CSS-JS Prettify 插件装不上？先确认 Package Control 是否正常
很多情况下不是插件问题，而是 Package Control 本身没装好或失效了。它不自动更新、不提示错误，但一旦出问题，所有插件安装都会静默失败。
检查方法：Ctrl+Shift+P（Win/Linux）或 Cmd+Shift+P（Mac）调出命令面板，输入 Package Control: Install Package —— 如果根本搜不到，说明 Package Control 没运行起来。
- 重装
Package Control：去官网复制对应版本的 Python 安装脚本，粘贴进 Sublime 的View → Show Console执行 - 别用第三方“一键安装包”，容易混入旧版或篡改版，导致后续插件兼容异常
- 装完重启 Sublime，再试一次
Package Control: Install Package，确认能弹出列表
html-beautify 和 js-beautify 是什么关系？为什么装了插件还是不能格式化 HTML？
HTML-CSS-JS Prettify 本身只是个外壳，真正干活的是它调用的底层工具：js-beautify（注意名字里没 html-）。这个工具默认支持 HTML、CSS、JS 三合一格式化，但需要本地有 Node.js 环境，且 js-beautify 必须全局可执行。
常见报错：js-beautify is not installed or not in PATH 或直接无反应。
立即学习“前端免费学习笔记（深入）”；
- 先在终端运行
which js-beautify（Mac/Linux）或where js-beautify（Win），看是否返回路径 - 没返回？用
npm install -g js-beautify安装（确保 npm 和 Node.js 版本 ≥14） - 装完仍找不到？检查 Sublime 的环境变量——它默认不继承 shell 的 PATH，需在插件配置里手动填
js-beautify的绝对路径，比如/usr/local/bin/js-beautify
格式化后标签换行/缩进不对？重点看 js-beautify 的配置项
默认配置偏“JS 友好”，对 HTML 常常把 <div><p>xxx</p></div> 压成一行，或给内联元素加不该有的换行。这不是 bug，是配置没调。
修改位置：Preferences → Package Settings → HTML-CSS-JS Prettify → Set Plugin Preferences，在 html 节点下调整：
-
"end_with_newline": true—— 文件末尾加空行（否则和 Git diff 冲突） -
"wrap_line_length": 0—— 关闭自动折行（默认 250，会强行拆开长属性） -
"indent_inner_html": true—— 让子元素缩进（否则<body>里的内容顶格） - 慎用
"unformatted"：加了["pre", "code"]是对的，但写成["script"]会导致内联 JS 也被跳过格式化
快捷键没反应？别只绑 ctrl+shift+h，检查作用域和文件关联
Sublime 默认只对 text.html 作用域响应格式化命令。如果你打开的是 .vue、.erb 或没后缀的模板文件，即使内容是 HTML，插件也不会触发。
解决方法分两步：
- 临时切换语法：右下角点击当前语法名 → 选
HTML，再试快捷键 - 永久绑定：用
Preferences → Package Settings → HTML-CSS-JS Prettify → Key Bindings – User，加一条带context的规则，比如匹配source.vue或text.jinja - 别删掉默认快捷键配置——它藏在
Key Bindings – Default里，删了就找不回来了
复杂点在于：不同项目用的模板引擎不同，js-beautify 对 {{ }} 和 的处理逻辑不一样，这时候与其硬调配置，不如在保存前手动切一下语法模式更稳。
