Sublime Text 本身不支持 Autoprefixer，需通过 PostCSS 插件（非已停更的 Autoprefixer 插件）+ 全局安装 autoprefixer + 正确配置 browserslist 实现前缀自动添加，且仅对已保存的 .css/.scss 等文件生效。
Sublime Text 本身不支持 Autoprefixer，所谓“配置”其实是拼凑一套能跑起来的外部处理链：Node.js 环境 + 可用插件 + 正确的 browserslist 规则。直接装 Autoprefixer 插件（图标是蓝色齿轮）基本会失败——它已多年未更新，不兼容 Sublime Text 4，且不再维护。
必须先装对插件：PostCSS 而不是 Autoprefixer
Package Control 里搜 Autoprefixer 会列出多个同名但不同作者的包，其中：
-
Autoprefixer（作者 rmaksim）：最后更新是 2019 年，Sublime Text 4 下无法调用autoprefixer命令，按快捷键无反应 -
Sublime-Autoprefixer：已归档，不推荐 -
PostCSS（作者 ryanmr）：当前唯一稳定可用的方案，它把autoprefixer当作处理器调用，依赖系统级安装的autoprefixer
安装步骤：Ctrl+Shift+P → 输入 Install Package → 搜索并安装 PostCSS。别跳过这步，装错插件后面全白搭。
Node.js 和 autoprefixer 必须全局可执行
PostCSS 插件启动时会调用系统命令 autoprefixer，如果终端里运行 autoprefixer --version 报 command not found，那 Sublime 也肯定找不到。
立即学习“前端免费学习笔记（深入）”；
- 确认 Node.js 已安装：
node -v和npm -v都应输出版本号 - 全局安装：
npm install -g autoprefixer（不是npm install autoprefixer） - 验证：
autoprefixer --version应返回类似10.4.16的数字 - Windows 用户建议用官方 MSI 安装包；macOS/Linux 若用 nvm，请确保 Sublime 启动时能读到对应 shell 配置（如
~/.zshrc中的export PATH）
browserslist 配置决定是否加前缀
为什么写了 display: flex 却没生成 -webkit- 或 -ms-？不是插件坏了，是 browserslist 默认规则太宽松。
- PostCSS 插件默认读取项目根目录下的
.browserslistrc或package.json中的browserslist字段 - 若无配置，则 fallback 到内置规则：
> 0.5%, last 2 versions, not dead—— 这意味着 Chrome 100+、Firefox 98+ 等现代版本无需前缀 - 要强制兼容旧版 IE 或 Android Browser，必须显式声明，例如：
["last 2 versions", "ie >= 10", "android >= 4.4"] - 配置位置：菜单
Preferences > Package Settings > PostCSS > Settings – User，填入：{"browsers": ["last 2 versions", "ie >= 10"]}
快捷键和文件类型限制
PostCSS 插件默认快捷键是 Ctrl+Alt+X（macOS 是 Cmd+Alt+X），但容易被 Emmet 占用。另外它只在特定后缀下生效：
- 仅支持
.css、.scss、.sass、.less文件 ——.html里内联的<style>不处理 - 文件必须已保存（有真实路径和后缀），未保存的临时 tab 不触发
- 快捷键冲突时，手动绑定更可靠：菜单
Preferences > Key Bindings – User，添加：[{"keys": ["ctrl+alt+shift+p"], "command": "postcss"}]
真正容易被忽略的是 browserslist 的实际覆盖范围——写 ie 11 不等于加所有 IE 前缀，得查 Can I Use 确认该属性在 IE 11 是否需要前缀；而 last 1 version 在 2026 年可能只覆盖 Chrome 126+，根本不会给 Flexbox 加前缀。
