sublime text 的 html-css-js prettify 插件需手动配置 node.js 路径、区分插件与 js-beautify 配置、匹配语法模式及文件扩展名，并启用 indent_inner_html/indent_scripts 才能正常格式化。
Sublime Text 本身不内置 HTML/CSS/JS 格式化能力，HTML-CSS-JS Prettify 是第三方插件，依赖 js-beautify，而它默认需要 Python 环境配合 Node.js 运行 —— 如果你装完插件却点不动“Format”，大概率卡在这一步。
为什么按快捷键没反应？检查 prettify 的执行环境
插件不是装上就自动可用。它默认尝试调用全局 node 执行 js-beautify CLI，若系统没装 Node.js、或 node 不在 PATH 中，就会静默失败（无报错，也无格式化）。
- 终端运行
which node（macOS/Linux）或where node（Windows），确认能输出路径 - 在 Sublime Text 中按
Ctrl+`打开控制台，输入import os; print(os.environ.get('PATH'))，核对输出里是否含你的node目录 - 若不一致，需在 Sublime 的
Preferences → Package Settings → HTML-CSS-JS Prettify → Settings中显式指定："node_path": { "windows": "C:\Program Files\nodejs\node.exe", "linux": "/usr/local/bin/node", "osx": "/usr/local/bin/node" }
htmlprettify 和 jsbeautify 配置项别混用
插件设置里有两套配置：一套是插件自身的开关（如 format_on_save），另一套是透传给底层 js-beautify 的规则（如 indent_size）。改错地方，配置就无效。
- 全局开关写在插件根级，例如：
"format_on_save": true、"auto_format_on_save": true - 代码风格参数必须包在
"html": { ... }、"css": { ... }、"js": { ... }对象里，例如："html": { "indent_size": 2, "end_with_newline": true } - 注意：CSS 里的
space_around_combinator默认是false，若想让div p变成div p而非divp，得手动设为true
保存时自动格式化但只对部分文件生效？看 file_extensions 和语法高亮模式
插件不会凭文件后缀盲目格式化。它先读当前视图的 syntax（即右下角显示的 “HTML”、“JavaScript” 等），再匹配配置中的 file_extensions，两者都满足才触发。
- 确保你编辑的文件右下角显示的是
HTML，而不是Text或Plain text（点击右下角手动切换） - 检查设置中
"html": { "file_extensions": ["html", "htm", "shtml", "xhtml", "vue"] }是否包含你用的后缀；.vue默认已加，但.astro或.svelte需手动补 - 若用
Emmet写缩写后立刻保存，可能因语法未完全识别导致跳过格式化 —— 建议先按Ctrl+Shift+P输入Set Syntax: HTML强制指定
最常被忽略的是：插件对内联 <script></script> 和 <style></style> 块的处理，依赖 html 配置里的 indent_inner_html 和 indent_scripts，这两个默认是 false，也就是 script/style 标签内容不会缩进 —— 如果你期望它们也被美化，得单独打开。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
