Autoprefixer 不支持实时输入补全，仅在手动触发或保存时后处理CSS规则添加厂商前缀；需正确配置node_path、browserslist及构建系统才能生效。
Autoprefixer 插件不提供“实时输入补全”，只支持显式处理
很多人搜“CSS前缀自动补全”，期待输入 display: flex 时自动变成 display: -webkit-flex; display: flex——这在 Sublime Text 中根本不存在。Autoprefixer 是后处理工具，不是输入法。它只在你**手动触发**或**保存时钩子生效**后，扫描已有 CSS 规则并插入前缀。
常见错误现象：Ctrl+Space 没反应、输 tran 不弹 transform、保存后样式没变——这些都不是插件坏了，而是对功能预期错了。
- Autoprefixer 本身不监听键盘输入，也不修改
auto_complete_triggers - 它不补全属性名或值，只补全 vendor prefix（
-webkit-、-ms-等） - 若文件语法未识别为
CSS或SCSS（右下角显示Plain Text或HTML），插件直接跳过 - Vue 单文件组件中的
<style>块默认不被处理，需额外配置作用域或用构建系统接管
必须先装 Node.js 并配好 node_path，否则 Autoprefixer 启动就报错
Autoprefixer 是基于 Node.js 的命令行工具，Sublime 插件只是它的外壳。如果 node 命令在终端能运行，但在 Sublime 里点快捷键弹出 "node is not available" 或 "command not found"，说明插件找不到运行环境。
解决方法不是重装插件，而是告诉 Sublime 去哪找 node：
立即学习“前端免费学习笔记（深入）”；
- 打开
Preferences → Package Settings → Autoprefixer → Settings - 在右侧用户设置中添加：
"node_path": "/usr/local/bin/node"（macOS/Linux）或"node_path": "C:\Program Files\nodejs\node.exe"（Windows） - 路径必须指向真实可执行文件，不能是软链接或别名；可用终端执行
which node或where node确认 - 改完保存，重启 Sublime（部分版本不重启不加载新路径）
保存即加前缀？靠 Sublime On Save Build + 自定义 build system
插件自带的 "auto_prefix_on_save": true 仅对后缀为 .css、.scss 的独立文件有效，对 .vue、.html 内嵌样式无效。真要“保存即处理”，得绕过插件原生逻辑，用构建系统接管。
操作步骤：
- 菜单栏
Tools → Build System → New Build System… - 粘贴以下内容并保存为
Autoprefixer.sublime-build：
{
"cmd": ["npx", "autoprefixer", "-o", "$file", "$file"],
"selector": "source.css, source.scss, source.postcss",
"file_regex": "^.*?:(\d+):?(\d+)?:? (.*)$",
"working_dir": "$file_path"
}
- 再安装
Sublime On Save Build插件（Package Control 可搜） - 它会自动在保存时调用当前激活的 build system；确保你的 CSS 文件已选中该 build system（右下角状态栏应显示
Autoprefixer） - 注意：此方式依赖项目本地有
autoprefixer（npm install autoprefixer --save-dev），全局安装可能因权限或版本冲突失败
browserslist 配置决定前缀加不加、加哪些，不是插件说了算
Autoprefixer 行为完全由项目根目录的 browserslist 字段控制。插件自己没有内置浏览器列表，也不会猜你要兼容 IE11 还是只跑 Chrome 最新版。
如果你发现 gap 没加前缀、backdrop-filter 被忽略、甚至 flex 都没生成 -webkit-，先检查这个：
- 项目根目录是否存在
package.json？里面是否有"browserslist"字段？例如："browserslist": ["> 1%", "last 2 versions", "IE >= 11"] - 或者有没有
.browserslistrc文件？内容格式一样，优先级高于package.json - 运行
npx browserslist命令，看实际解析出哪些浏览器——这才是 Autoprefixer 真正参考的目标 - 别信网上抄来的“万能配置”；
last 1 version在 2026 年基本等于不加任何前缀
最易被忽略的一点：Autoprefixer 不处理 CSS 变量、自定义属性、@layer 或尚未被广泛支持的实验性语法（如 container 查询），哪怕 browserslist 写了也白搭。
