VS Code中Shift+Alt+F无反应，主因是语言模式非HTML或未指定默认格式化器；需手动切换右下角语言为HTML，并在settings.json中配置"[html]": {"editor.defaultFormatter": "esbenp.prettier-vscode"}。
VS Code 里 Shift+Alt+F 没反应？先看语言模式和格式化器
按下 Shift+Alt+F 却没任何变化，不是键盘坏了，而是 VS Code 根本没找到能干活的 HTML 格式化器。它只负责“喊人”，不负责“干活”。
常见卡点：
- 右下角状态栏显示的是
Plain Text或Auto，不是HTML—— 点它手动切一次 - 装了 Prettier，但没在
settings.json里指定它是 HTML 的默认格式化器："[html]": {"editor.defaultFormatter": "esbenp.prettier-vscode"} - 同时装了 Vetur、Prettier、js-beautify-html，VS Code 不知道听谁的，默认 fallback 成“无可用格式化程序”
Vue 单文件组件更麻烦：<template></template> 块里有 v-if 或 @click，Prettier 默认会把它压成一行；Vue 2 项目得把 vetur.format.defaultFormatter.html 改成 js-beautify-html，Vue 3 则必须用 prettier.config.js 配 htmlWhitespaceSensitivity: "ignore"。
Sublime Text 的 Tab 不展开 Emmet？作用域没对上
输入 ul>li*3 按 Tab 没反应，大概率不是插件没装，而是 Sublime 没把你当前编辑区域识别为 HTML 上下文。
立即学习“前端免费学习笔记（深入）”；
原因很具体：
- 文件后缀不是
.html或.htm，比如你在.js文件里写模板字符串，Emmet 默认不激活 - 你用的是 Vue SFC 或 Handlebars 模板，但 Sublime 当前作用域是
source.js或text.html.handlebars，而 Emmet 只监听text.html.basic - Emmet 插件被禁用或配置里关掉了
enable_tab_expand
验证方式：按 Ctrl+Shift+P → 输入 Set Syntax: HTML 强制切换语言模式，再试 Tab。如果好了，说明就是作用域问题。
CodeMirror 6 怎么配 Shift+Alt+F 格式化 HTML？得自己绑函数
CodeMirror 默认不带“格式化文档”快捷键，Shift+Alt+F 按了等于没按——这不是 bug，是设计如此。
要让它动起来，必须两步都做：
- 确认你用的是
CodeMirror 6（CM5 完全不兼容），命令名、API、插件机制全不同 - 在初始化时用
keymap插件绑定快捷键，并指向一个真实能执行格式化的函数：formatHTML(editor) - 这个
formatHTML函数不能空着，得自己实现，或引入prettier-plugin-html+codemirror-lang-html
只配快捷键、不配逻辑，就像给汽车装方向盘却不连转向轴——转得再用力，车也不拐弯。
在线工具和 CLI 是什么场景下该用的兜底方案？
当本地编辑器彻底失灵、临时处理别人发来的压缩 HTML、或批量重排整个 src/pages/ 目录时，别硬刚配置，直接换路子。
选法很实际：
- 救急用在线工具：访问
https://codebeautify.org/html-beautify，粘贴代码，点Beautify，注意检查<script></script>和<style></style>块是否被误折行 - 项目级统一缩进：用 Prettier CLI，运行
npx prettier --write "src/**/*.html"，配合.prettierrc控制tabWidth和htmlWhitespaceSensitivity - Git 提交前自动格式化：加
pre-commit钩子，比依赖编辑器设置更可靠，尤其团队协作时
真正容易被忽略的，是格式化器对空格和换行的敏感度——html.format.preserveNewLines 设为 false，可能把刻意留的空行全删掉；htmlWhitespaceSensitivity 配错，Vue 模板里的空格会被当垃圾清掉。这些细节不试一遍，光看文档根本意识不到。
