Sublime Text 是 HTML 编辑器而非运行环境，双击 HTML 文件即可浏览器打开；需配置语法识别、Emmet 补全、HTML-CSS-JS Prettify 格式化及 OpenInBrowser 预览。
Sublime Text 本身不是 HTML 编译器或运行环境，它只是个编辑器——你写 index.html，保存后双击用浏览器打开就能看效果，不需要“配置 HTML”；所谓“配置”，实际是让 Sublime 更顺手地写 HTML：比如补全标签、高亮正确、保存自动格式化、快捷预览等。
怎么让 Sublime 正确识别和高亮 HTML 文件
常见问题：新建一个 .html 文件，里面写 <div> 却没语法高亮，或者标签颜色乱七八糟。
- 确认右下角状态栏显示的是
HTML（不是Plain Text或XML），点它手动选HTML - 如果每次都要手动切，说明文件关联没设好：菜单栏
View → Syntax → Open all with current extension as… → HTML - 避免用中文文件名或空格命名，比如
我的页面.html可能触发编码异常，优先用index.html、about-us.html
怎么启用 HTML 标签自动闭合和 Emmet 补全
Emmet 是 Sublime 写 HTML 最实用的插件，输入 ul>li*3 回车直接生成带闭合的列表，不用手敲每个 </li>。
- 先装 Package Control（没装的话搜 “Install Package Control” 官方脚本，粘贴进
Ctrl+`控制台） - 按
Ctrl+Shift+P→ 输入Install Package→ 回车 → 搜Emmet→ 点安装 - 重启 Sublime，新建
.html文件，输入!<tab>就能生成标准 HTML5 模板 - 注意：Emmet 默认只在
HTML、Vue、JSX等语法下生效，如果在Plain Text下敲div不触发，别怀疑插件坏了——先切对语法模式
怎么保存时自动格式化 HTML（缩进/换行）
Sublime 原生不带 HTML 格式化功能，靠插件实现。推荐 HTML-CSS-JS Prettify，比老版 JsFormat 更专注前端。
立即学习“前端免费学习笔记（深入）”；
- 用 Package Control 安装
HTML-CSS-JS Prettify - 安装后需配置本地
node环境：它依赖js-beautify，得先全局装npm install -g js-beautify - 配置快捷键：菜单
Preferences → Key Bindings，加一行：[{"keys": ["ctrl+alt+f"], "command": "html_css_js_prettify"}] - 注意：如果按快捷键没反应，检查控制台（
Ctrl+`）是否报js-beautify not found——说明node_modules/.bin没进系统 PATH，或没装全局js-beautify
怎么一键在浏览器中实时预览 HTML
不用反复右键 → “在浏览器中打开”，Sublime 可以绑定快捷键直接调用默认浏览器。
- 菜单
Tools → Build System → New Build System，粘贴以下内容并保存为OpenInBrowser.sublime-build：
{
"cmd": ["open", "-a", "Google Chrome", "$file"],
"selector": "source.html",
"shell": true
}
（macOS 上用 open；Windows 改成 cmd /c start "" "$file"；Chrome 改成 Firefox 或 Microsoft Edge 即可）
- 保存后，按
Ctrl+B就会在 Chrome 中打开当前 HTML 文件 - 如果提示 “No build system”，说明没设对 Build System：菜单
Tools → Build System → OpenInBrowser - 注意：这个方式不刷新页面，改完 HTML 要手动按
F5；如需热重载，得另配 Live Server 插件或用 VS Code
真正卡住人的往往不是“怎么装”，而是路径没配对、权限没放开、Node 版本太旧导致 js-beautify 启动失败——遇到没反应，先开 Ctrl+` 看报错，比重装插件快十倍。
