sublime text原生不支持一键格式化html/css/js，所有自动排版均依赖插件且需手动配置node.js路径、语法识别和快捷键；按ctrl+shift+h无反应通常因这三步未完成。
Sublime Text 原生不支持一键格式化 HTML/CSS/JS，所有“自动排版”效果都来自插件，且必须手动配置路径、语法识别和快捷键——装完就按 Ctrl+Shift+H 发现没反应，八成是卡在这三步里。
为什么 JSBeautify 按了没反应？检查语法识别和选区状态
JSBeautify 默认只处理当前选区；如果没选中任何内容，它会尝试格式化整个文件，但前提是右下角状态栏显示的是 HTML、CSS 或 JavaScript。若显示 Plain Text，哪怕文件后缀是 .html，它也会跳过格式化。
- 点右下角语言标识手动切换为对应语法，或保存文件为
.html/.css/.js后缀再试 - 全文件格式化前先确认没选中任何文本（Ctrl+D 取消选中，或按 Esc）
- 如果选中了含
{{ }}、或模板字符串的代码块，JSBeautify 会报错中断——这类混合语法建议分块处理或换用 Prettier 系列插件
JsPrettier 配置失败的典型现象和修复方式
装完 JsPrettier 后按 Ctrl+Shift+P → 输入 JsPrettier 回车，状态栏闪一下就停住，控制台无报错？基本是 prettier_cli_path 没填对。
- Mac/Linux 用户运行
which prettier，把输出的完整路径（如/opt/homebrew/bin/prettier）粘贴进Preferences → Package Settings → JsPrettier → Settings中的"prettier_cli_path"字段 - Windows 用户若用 npm 全局安装，路径通常是
C:\Users\{user}\AppData\Roaming\npm\prettier.cmd（注意带.cmd扩展名） - 别留空或填
prettier—— Sublime 不查$PATH，也不做命令搜索 - 改完配置必须重启 Sublime，插件不热重载
HTML-CSS-JS Prettify 和 JSBeautify 怎么选？看项目结构
两者都支持 HTML/CSS/JS，但底层逻辑不同：JSBeautify 纯 Python 实现，无需 Node.js；HTML-CSS-JS Prettify 依赖本地 prettier CLI，规则更准但环境要求高。
- 老项目、纯静态页、不想装 Node.js → 用
JSBeautify，配"wrap_line_length": 120和"indent_inner_html": true防止属性挤一行 - 团队已用
.prettierrc、有 Vue/Svelte 单文件组件 → 用HTML-CSS-JS Prettify，但得关掉自动触发，手动选中<template></template>块再执行，避免把<script setup></script>当 HTML 解析 - 混写文件（如
<script>const html = `<div>${x}`</script>）→ 两个插件都会乱，此时应拆出独立 .js 文件再格式化
快捷键冲突或命令不出现？优先查 Key Bindings 和重启
装完插件后 Ctrl+Shift+P 里搜不到 js_prettier 或 html_css_js_prettify，大概率是没重启 Sublime；而快捷键按了没反应，多因被 Emmet、SideBarEnhancements 等插件覆盖。
- 打开
Preferences → Key Bindings，右侧用户配置中加一条：{"keys": ["ctrl+alt+f"], "command": "js_prettier"}（命令名必须准确，大小写敏感） - 若想限制仅在 JS 文件生效，加上
"context"：{"key": "selector", "operator": "equal", "operand": "source.js"} - 别直接改左侧默认 keymap 文件——升级 Sublime 时会被清空
- 临时禁用可疑插件（如 Alignment），看命令是否重现，确认是否兼容 Sublime 4（部分 ST3 插件在 ST4 下静默失效）
最易忽略的点：缩进基础设置没统一。即使插件跑通，若 "translate_tabs_to_spaces" 关着或 "detect_indentation" 开着，格式化后可能混用空格和 Tab，Git 提交时引发大量无关 diff。务必在全局 Preferences → Settings 里固定 "tab_size" 和 "translate_tabs_to_spaces"。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
