sublime text 4 中 tag 插件已失效，推荐用 emmet: pretty print 快速格式化 html（ctrl+shift+p 输入执行），或安装 html-css-js prettify（ctrl+shift+h）处理含内联 js/css 的混合代码，但均不支持 .vue 的 template 区域。

Sublime Text 4 里 Tag 插件根本不能用

别再搜“Sublime Tag 插件一键排版”了——Tag 在 Sublime Text 4（≥ v4126）中已彻底失效。它依赖被移除的旧 API，安装后 Ctrl+Alt+F 按下没反应，或与 Emmet 冲突导致 Tab 键失灵。强行启用可能引发崩溃，尤其当你同时开了 Emmet 和 HTML-CSS-JS Prettify。

用 Emmet: Pretty Print 最快最稳

你几乎肯定已经装了 Emmet，不用额外插件就能格式化 HTML：

PigX UI 前端开发

PigX UI Pro 前端开发指南 - Vue 3 + TypeScript + Element Plus。当用户提到 PigX UI、PigX 前端、lgb-mgui 项目、Vue 3 企业级后台开发、Element Plus 后台开发时使用此技能。

下载

• 确保右下角语法识别为 HTML（不是 Plain Text 或 JavaScript）
• 全选代码（Ctrl+A），按 Ctrl+Shift+P → 输入 Emmet: Pretty Print → 回车
• 它默认用 2 空格缩进，不支持自定义 tabWidth 或 indent_char
• 对纯 HTML 效果极好；但含内联 JS（如 <script>console.log('a')</script>）时可能错误换行

HTML-CSS-JS Prettify 更灵活但要配 Node.js（可选）

适合需要统一缩进风格、或要格式化含内联 CSS/JS 的混合 HTML：

• 安装方式：Ctrl+Shift+P → Package Control: Install Package → 搜索并安装 HTML-CSS-JS Prettify
• 首次运行会提示配置 js-beautify 路径；没装 Node.js 也没关系，它自动回退到内置 Python 版本
• 快捷键：Ctrl+Shift+H（Windows/Linux）或 Cmd+Shift+H（macOS）
• 不支持 .vue 文件的 <template></template> 区域——那是 Emmet 的地盘

自定义快捷键避免记混

不同插件快捷键打架是常态：Ctrl+Alt+F（失效的 Tag）、Ctrl+Shift+H（Prettify）、Ctrl+Shift+P + 命令（Emmet）。统一绑定更可靠：

• 菜单 → Preferences → Key Bindings
• 在右侧用户配置区加这段（示例绑定为 Ctrl+Alt+Shift+H）：

[ { "keys": ["ctrl+alt+shift+h"], "command": "emmet_pretty_print" } ]

保存后任意 HTML 文件直接按该组合键，不翻命令面板

注意避开系统热键（如 Ctrl+Alt+Delete）和输入法冲突（比如某些中文输入法劫持 Ctrl+Shift）

真正麻烦的不是怎么排版，而是排完发现 <script></script> 里的字符串被断行、<style></style> 里 CSS 属性错位，或者 .vue 文件里 <template></template> 格式化失败——这些边界情况得靠人眼扫一遍，工具不会替你判断语义是否合理。

前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！