autoprefixer在sublime text中不支持输入时自动补全，仅支持保存后或手动触发（ctrl+alt+x）的css重写；失效主因是node_path配置错误、文件未识别为css/scss/postcss类型，或缺失.browserslistrc文件。
Autoprefixer 插件在 Sublime Text 中不提供“输入时自动补全前缀”的能力——它只做保存后或手动触发的 CSS 规则重写。你输 display: flex，不会实时变成带 -webkit-、-ms- 的多行代码。这是常见误解，也是配置失败的第一原因。
为什么 Ctrl+Alt+X 没反应？先查 node 和语法识别
插件启动失败，90% 是因为找不到 node 或当前文件没被识别为 CSS 类型：
- 终端运行
node -v和autoprefixer --version必须都成功；否则插件报"node is not available" - 右下角状态栏必须显示
CSS、SCSS或PostCSS；若显示Plain Text，点击它手动切换 -
.vue文件里的<style></style>块默认不处理，需额外配置supported_syntaxes或改用构建系统
如何正确配置 node_path 和 browserslist
打开 Preferences → Package Settings → Autoprefixer → Settings，在用户设置中加：
{
"node_path": "/usr/local/bin/node"
}
（macOS/Linux）或
{
"node_path": "C:\Program Files\nodejs\node.exe"
}
（Windows）——路径必须指向真实可执行文件，不能是软链接。
browserslist 决定加哪些前缀，不是插件“智能判断”：
- 在项目根目录加
.browserslistrc文件，例如：
last 2 versions > 0.5% not dead ie >= 11
- 插件读取的是项目级配置，不是用户设置里的
"browsers"字段（该字段已弃用） - 若没配
.browserslistrc，autoprefixer默认只覆盖主流浏览器最近 2 版
想“保存即加前缀”？绕过插件 UI，用构建系统
插件原生的 "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 逻辑，但更可控，也兼容自定义
.browserslistrc
node_path 指向错误、.browserslistrc 缺失、或者文件语法没识别成 source.css —— 这三处任一出错，Ctrl+Alt+X 都静默失效。前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
