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:
- 确保右下角语法识别为
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:
PigX UI Pro 前端开发指南 - Vue 3 + TypeScript + Element Plus。当用户提到 PigX UI、PigX 前端、lgb-mgui 项目、Vue 3 企业级后台开发、Element Plus 后台开发时使用此技能。
- 安装方式:
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>区域——那是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" } ]
Ctrl+Alt+Delete)和输入法冲突(比如某些中文输入法劫持 Ctrl+Shift)<script> 里的字符串被断行、<style> 里 CSS 属性错位,或者 .vue 文件里 <template> 格式化失败——这些边界情况得靠人眼扫一遍,工具不会替你判断语义是否合理。

















