atom beautify装完不能直接格式化html，需手动启用html语言支持、安装js-beautify cli工具、确保右下角grammar显示为html（非plain text）、在插件设置中勾选html的beautify_on_save，并配置wraplinelength: 0避免标签换行。
装完 atom-beautify 插件 ≠ 能格式化 HTML。它默认不激活 HTML 支持，也不自带美化引擎，右下角 grammar 显示为 Plain text 或 Source 时，快捷键 Ctrl+Alt+B 和右键菜单里的「Beautify」都会消失——这不是插件坏了，是它根本没认出这是 HTML。
为什么 Ctrl+Alt+B 按了没反应？先看右下角 grammar
Atom 靠 grammar 判断文件类型，atom-beautify 只对明确标记为 HTML、JavaScript、CSS 等的文件生效。常见失效场景：
- 文件无后缀（如临时粘贴的 HTML 片段），状态栏显示
Plain text→ 点击该文字，手动选HTML - 后缀是
.vue、.erb、.php等嵌入式模板 → 进Packages → atom-beautify → Settings → Languages，勾上对应项 - 文件有
.html后缀但 grammar 仍是Null Grammar→ 在Config → Core → File Types中加映射："*.html": ["text.html.basic"]
“beautifier not found” 错误：你缺的是 js-beautify 命令行工具
atom-beautify 本身不格式化代码，它只是调用外部 CLI 工具。HTML 默认走 js-beautify，报这个错说明命令不可达：
- 全局安装：
npm install -g js-beautify - Windows 用户确认
js-beautify能在 CMD 中直接运行；若提示“不是内部或外部命令”，需把 npm 全局 bin 路径（如C:\Users\XXX\AppData\Roaming\npm）加进系统PATH - Mac/Linux 用户注意 Shell 初始化文件（
~/.zshrc或~/.bash_profile）是否 source 了 npm bin 路径 - 装完必须彻底重启 Atom（关掉所有窗口，再重开），仅禁用/启用插件无效
HTML 格式化后标签被强行拆行？改 wrapLineLength=0
js-beautify 默认会把短标签（如 <div></div>）换行展开，导致结构松散。这不是 bug，是它的默认行为。要禁用：
- 打开 Atom 的
config.cson（Edit → Config...） - 在顶层加这段配置：
atom-beautify: html: wrapLineLength: 0 - 保存后无需重启，立刻生效；值设为
0表示不限制单行长度
想保存自动格式化？得单独给 HTML 开关
「Beautify on Save」不是全局开关，而是按语言独立控制的：
- 进
Packages → atom-beautify → Settings - 往下拉到
Languages → HTML区域 - 勾选
beautify_on_save，并确认beautify_html也已启用 - 如果项目里混用 Prettier，且你勾了
Use Prettier when available，它会绕过js-beautify直接调prettier—— 但prettier对 HTML 的支持有限，建议 HTML 场景保持用js-beautify
最容易被忽略的是 grammar 识别和 CLI 工具 PATH —— 90% 的「点不动」「报错」「格式乱」都卡在这两步。别急着调参数，先确保 Atom 知道这是 HTML，且系统能直接跑通 js-beautify --version。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
