Autoprefixer 并非 Sublime Text 内置功能，需安装 PostCSS 插件、全局配置 Node.js 环境及 browserslist；快捷键为 Ctrl+Alt+X，须确保文件已保存且后缀为 .css。
Autoprefixer 在 Sublime Text 里根本不是“内置功能”
Sublime Text 本身不带 Autoprefixer，所谓“配置 Autoprefixer”，本质是装第三方插件 + 配好 Node.js 环境 + 指定正确路径。很多人卡在第一步：装了插件但按快捷键没反应，其实是 autoprefixer 命令根本没被系统识别。
- 必须先全局安装
autoprefixer（不是npm install autoprefixer，而是加-g）：npm install -g autoprefixer
- 确认安装成功：
autoprefixer --version能输出版本号才算过关 - 如果用的是 nvm 或特定 Node 版本，要确保 Sublime 启动时能读到对应环境变量（macOS/Linux 下常需改
~/.zshrc或~/.bash_profile；Windows 建议用系统级 Node 安装包）
用 Package Control 装对插件：PostCSS 和 AutoPrefixer 不是一回事
搜 “Autoprefixer” 容易装错——Autoprefixer 插件（作者 rmaksim）已多年未更新，不兼容 Sublime Text 4；真正可用的是 PostCSS 插件（作者 ryanmr），它把 autoprefixer 当作一个处理器来调用。
- 在 Package Control 中搜索并安装：
PostCSS - 别装
Autoprefixer（图标是蓝色齿轮）、也别装Sublime-Autoprefixer（已归档） - 装完后默认快捷键是
Ctrl+Shift+P→ 输入PostCSS: Run，或直接按Ctrl+Alt+X - 如果快捷键无效，检查是否和其他插件冲突（比如 Emmet 的
Ctrl+Alt+X默认是“Expand Abbreviation”）
为什么 CSS 里写了 display: flex 却没加前缀？
Autoprefixer 不是“见啥加啥”，它严格按 browserslist 配置决定是否加前缀。默认只覆盖全球使用率 ≥ 0.5% 的浏览器，而现代 Flexbox 在 Chrome 29+/Firefox 28+ 已原生支持，所以很可能压根不加。
- 想强制加前缀，得在项目根目录加
.browserslistrc文件，写明目标：last 2 versions iOS >= 9 Android >= 4.4
- 或者在 Sublime 的
PostCSS插件设置里手动指定："browsers": ["iOS >= 9", "Android >= 4.4"] - 注意：加太多前缀会增大 CSS 体积，且可能和现代语法冲突（比如
gap在旧 Safari 里加-webkit-也没用）
保存时自动运行？小心和 CSS 编译流程打架
PostCSS 插件支持 on_save 自动运行，但如果你同时用了 sass、less 或 Webpack 构建流程，重复加前缀会导致冗余甚至错误（比如 -webkit-box-orient 被加两遍）。
立即学习“前端免费学习笔记（深入）”；
- 除非你纯写原生 CSS 且不走任何构建工具，否则建议关掉自动运行：
"run_on_save": false - 真要自动处理，优先让构建工具（如 PostCSS CLI、Vite、Webpack 的
postcss-loader）统一管，Sublime 只做手动补救 - 调试时可临时打开日志：
"log_to_console": true，看控制台有没有autoprefixer: not found或no browsers list报错
最常被忽略的一点：Sublime 的插件路径缓存有时不刷新，改完配置后最好重启一次编辑器，而不是只重载插件。还有，别在未保存的临时文件里试 —— PostCSS 插件默认只处理已保存、有 .css 后缀的文件。
