VSCode中Shift+Alt+F格式化CSS无响应，根本原因是语言模式非CSS、未安装或未指定CSS格式化器（如Pretterr）、快捷键被劫持，或HTML内联样式需额外配置。
VSCode 里格式化 CSS 的快捷键是 Shift + Alt + F（Windows/Linux）或 Shift + Option + F（macOS），但按下去没反应，大概率不是快捷键错了，而是格式化器没就位。
为什么 Shift + Alt + F 按了没反应
这个快捷键本身没问题，它只是“触发格式化”的指令，真正干活的是背后那个格式化器。常见卡点：
- 当前文件语言模式不是
CSS：右下角状态栏显示的是Plain Text或HTML？点击它，手动选成CSS - 没装能处理 CSS 的格式化器：VSCode 内置的
vscode-css-languageservice支持基础格式化，但对压缩 CSS、SCSS 或带变量的样式支持弱；推荐装Prettier - Code formatter - 装了多个格式化器却没设默认：比如同时装了 Prettier 和 Beautify，VSCode 不知道该用谁，就会静默失败；必须在设置里指定
"css.defaultFormatter"为esbenp.prettier-vscode - 快捷键被其他插件劫持：比如某些终端模拟器或输入法会吞掉
Alt + F组合；可在命令面板（Ctrl + Shift + P）搜 “Preferences: Open Keyboard Shortcuts”，过滤 “format document”，确认绑定是否被覆盖
想让 CSS 属性“对齐”——别指望 Prettier 自动做
Prettier 明确拒绝属性值对齐（比如所有冒号后空格数一致、值列对齐），这是它的设计原则：避免因空格差异导致 Git 提交噪音。所以你配再全的 .prettierrc，它也不会把 width: 100px; 和 background-color: #fff; 的冒号拉成一竖排。
真要视觉对齐，得换工具：
立即学习“前端免费学习笔记（深入）”；
- 装插件
Align by Regex：选中 CSS 块 →Ctrl + Shift + P→ 输入 “Align by Regex” → 正则填:→ 对齐方式选Left，立刻实现冒号垂直对齐 - 用
Beautify替代 Prettier：它支持传统“对齐风格”，但和团队协作冲突大，不建议混用 - 接受 Prettier 的单属性单行 + 合理换行：靠
printWidth控制行长，靠bracketSameLine控制括号位置，可读性其实不差
怎么让格式化“每次保存都自动来一遍”
不用每次都按快捷键，开启自动保存格式化即可：
- 打开设置（
Ctrl + ,），搜format on save，勾选Editor: Format On Save - 再搜
default formatter，找到CSS: Default Formatter，下拉选esbenp.prettier-vscode - 如果项目里有
.prettierrc，确保它放在项目根目录；没有的话，Prettier 会用内置规则，也够用 - 注意：HTML 文件里的
<style>标签内 CSS 默认不走 CSS 格式化器，需额外配置html.format.enable或用 Volar/Vetur 指定模板块格式化器
真正容易被忽略的点是：格式化行为依赖语言模式 + 格式化器 + 默认设置三者联动，缺一不可；很多人只调快捷键，结果永远在“按了没反应”的循环里打转。
