autoprefixer 不支持输入时自动补全，仅支持保存后或手动触发的 css 兼容性重写；需正确配置 node_path、语法识别、browserslist 及构建系统才能实现保存自动加前缀。
Autoprefixer 不提供「输入时自动补全」，只做「保存后或手动触发的 CSS 规则重写」。想输 display: flex 就实时变成带 -webkit- 的多行代码？这在 Sublime Text 里做不到——它不是补全工具，是兼容性后处理器。
为什么 Ctrl+Alt+X 没反应？先看 node_path 和语法识别
插件启动失败最常见的原因是找不到 node 或当前文件没被识别为 CSS 类型：
- 终端运行
node -v和autoprefixer --version必须都成功；否则插件报"node is not available" - 打开
Preferences → Package Settings → Autoprefixer → Settings，在用户设置中加："node_path": "/usr/local/bin/node"
（macOS/Linux）或"node_path": "C:\Program Files\nodejs\node.exe"
（Windows），路径必须是真实可执行文件，不能是软链接 - 右下角状态栏必须显示
CSS、SCSS或PostCSS；若显示Plain Text，点它手动切换语法 -
.vue文件里的<style></style>块默认不处理，需额外配置supported_syntaxes或改用构建系统
如何让保存即加前缀？用 On Save Build + 自定义 build system
插件原生的 "auto_prefix_on_save": true 只对 .css、.scss 独立文件有效，且不支持 .vue 或 .module.css。真要“保存即处理”，得绕过插件逻辑：
- 装
On Save Build插件（Package Control 可搜） - 新建
Autoprefixer.sublime-build文件（Tools → Build System → New Build System），内容为：{ "cmd": ["autoprefixer", "$file", "-o", "$file"], "selector": "source.css, source.scss, source.postcss", "file_regex": "^.*?:(\d+): (.*$)" } - 保存后，该构建系统会自动触发；确保
Tools → Build System设为Autoprefixer - 注意：此方式不走插件 UI 逻辑，但更可控，也兼容自定义
browserslist配置
browserslist 配置决定加哪些前缀，不是插件“智能判断”
你看到的前缀数量和类型，完全由 browserslist 决定，和插件版本无关：
- 优先读取项目根目录的
.browserslistrc文件，例如：> 1% last 2 versions not dead
- 其次 fallback 到
package.json中的"browserslist"字段 - 别写
last 5 versions这种宽泛规则——iOS 9.3 的-webkit-flex可能被漏掉，而 Chrome 120 根本不需要-webkit- - 想强制保留某前缀（比如老版 Safari 的
-webkit-appearance: none），需确保对应浏览器版本在列表中，且未被not dead过滤掉
别再装 Prefixr，也别期待“实时补全”
社区已停更的 Prefixr 插件调用的是过时 API，不支持 Grid/Flex 新属性，且只加 WebKit 前缀。而所谓“自动补全”，本质是误解了 Autoprefixer 的定位——它不监听输入流，不修改 auto_complete_triggers，也不干预编辑器的补全行为。
真正需要的不是“输完立刻变”，而是“写标准语法，交付时保证兼容”。这个过程必须显式触发或由构建系统接管，中间没有捷径。最易忽略的一点：改完 node_path 或 browserslist 后，不重启 Sublime，新配置大概率不生效。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
