Sublime Text安装HTML代码压缩与排版双效工具-sublime-PHP中文网

sublime text 4 应使用 html-css-js prettify 替代已失效的 tag 插件，它专为 st4 优化、开箱即用，支持 ctrl+shift+h 快捷排版，自动回退内置 python 版本，无需 node.js。

sublime text安装html代码压缩与排版双效工具

Sublime Text 4 装不了 Tag 插件，别试了

Tag 插件在 Sublime Text 4（≥ v4126）中已完全失效，不是“不好用”，而是根本调不动——它依赖 Python 2 和旧版 API，而 ST4 默认运行在 Python 3.8+ 环境下。强行安装后，Ctrl+Alt+F 无响应、Tab 键行为错乱、甚至可能劫持 Emmet 的展开逻辑。网上大量教程仍推荐它，但这些内容基本停留在 2021 年前，和当前环境不兼容。

HTML-CSS-JS Prettify 是目前最稳的排版方案

它专为 ST4 优化，开箱即用，不强制依赖 Node.js：首次运行若没装 js-beautify CLI，会自动 fallback 到内置 Python 版本，无需额外配置。

安装路径：Ctrl+Shift+P → Package Control: Install Package → 搜索并安装 HTML-CSS-JS Prettify
格式化快捷键：Ctrl+Shift+H（Windows/Linux）或 Cmd+Shift+H（macOS），支持全选或局部选中
缩进等规则可自定义：进入 Preferences → Package Settings → HTML-CSS-JS Prettify → Settings - User，改写 JSON，例如：
```
{"indent_size": 2, "wrap_line_length": 100, "end_with_newline": true}
```
注意：它对含内联 JS/CSS 的 HTML 效果有限，比如 <script>console.log('a')</script> 可能被错误折行

Emmet 的 Pretty Print 更轻量，适合纯 HTML 快速整理

如果你已经装了 Emmet（几乎必装），不用再装额外插件就能排版，而且速度更快。

Wechat HTML Publisher

直接上传HTML富文本到微信公众号草稿箱。支持完整的HTML格式,无需Markdown转换。

下载

前提：确保右下角语法识别为 HTML，不是 Plain Text 或 JavaScript
操作：Ctrl+A 全选 → Ctrl+Shift+P → 输入 Emmet: Pretty Print → 回车
优点：不依赖外部工具，无 Node.js 要求；缺点：缩进固定为 2 空格，无法改 indent_char 或 wrap_line_length
不适用于 .vue 文件的 <template></template> 区域——那块得靠 Emmet 自己的上下文感知，Emmet: Pretty Print 在那里不生效

没有真正的“HTML 压缩 + 排版双效”插件

所谓“压缩”（如移除空格、换行、注释）和“排版”（加缩进、换行、对齐）是互斥目标，同一插件通常只专注其一。HTML-CSS-JS Prettify 和 Emmet 的 Pretty Print 都是排版向的，不压缩；真要压缩 HTML，得另走 CLI 路线（如 html-minifier-terser），再通过 Sublime 的 Build System 调用——但这已超出编辑器插件范畴，且容易误伤可读性。

实际开发中，排版用于日常编辑，压缩应交给构建流程（Vite/Webpack/rollup），而不是编辑器里点一下就完事。这点容易被忽略，但恰恰是多数人卡住的地方。