Prettier对HTML模板“没反应”是因为Sublime默认不识别.html文件为Prettier作用域，也不自动读取.prettierrc中的htmlWhitespaceSensitivity等配置；必须在JsPrettier设置中显式指定"--parser": "html"和"--html-whitespace-sensitivity": "css"，并填入绝对路径的prettier_cli_path，否则Prettier会误按JS语法解析HTML结构，导致空格丢失、标签错位。
为什么Prettier对HTML模板格式化经常“看起来没反应”
不是插件坏了，而是Sublime根本没调用到Prettier——它默认不识别.html文件为Prettier作用域，也不会自动读取.prettierrc里的htmlWhitespaceSensitivity这类关键配置。尤其在含大量内联文本、自定义元素（如<header>、<nav>）的响应式模板里，错配解析器会导致空格丢失、标签错位甚至格式化后页面布局崩塌。
JsPrettier必须显式配置parser和htmlWhitespaceSensitivity
Vue/Svelte单文件组件要加--parser vue，纯HTML模板也得强制指定html解析器，否则Prettier会按JS语法误解析<div class="container">这种结构。
- 在
Preferences > Package Settings > JsPrettier > Settings用户配置中加入： "additional_cli_args": {"--parser": "html", "--html-whitespace-sensitivity": "css"}-
"htmlWhitespaceSensitivity": "css"是硬性要求：避免把<p> 立即咨询 </p>缩成<p>立即咨询</p>，破坏按钮文案间距 - 别写
"semi": false——HTML里没有分号，这个选项会让Prettier在混排JS脚本块时误判
企业级模板常踩的路径与权限坑
Sublime启动方式决定它能不能找到prettier命令。从桌面图标双击打开的Sublime，通常读不到shell里的PATH，尤其macOS用nvm管理Node版本时，which prettier返回的路径（比如/opt/homebrew/bin/prettier）必须手动填进配置。
- 确认CLI可用：
prettier --version在终端能输出版本号（当前主流是3.3.3） - 填绝对路径：
"prettier_cli_path": "/opt/homebrew/bin/prettier"（M1 Mac）、"C:\Users\xxx\AppData\Roaming\npm\prettier.cmd"（Windows） - 禁用
auto_format_on_save_excludes里的"*/dist/*"——企业模板常需格式化构建产出的dist/index.html
响应式模板里<picture>、<slot>等新标签怎么不被格式错乱
Prettier旧版本（<3.0）对HTML5语义标签支持弱，<picture>可能被错误闭合，<slot>被当成普通标签换行缩进。这不是Sublime问题，是Prettier CLI版本太低。
立即学习“前端免费学习笔记（深入）”；
- 全局升级：
npm install -g prettier@latest（2026年稳定版已原生支持<dialog>、<slot>） - 项目级覆盖：根目录放
prettier.config.js，内容含htmlWhitespaceSensitivity: 'css'和printWidth: 120（适配多列栅格代码） - 禁止自动闭合
<img>："htmlSelfClosingTag": false，否则<img src="logo.png">会变成<img src="logo.png"/>，部分老IE兼容模式下出问题
prettier命令，并且让它明白：这份HTML不是JS代码片段，也不是Vue组件，就是一份需要保留空格、尊重语义标签、适配移动端断点的静态模板。 
