atom的autoprefixer插件仅支持手动触发式前缀添加，需选中有效css规则后通过命令面板或自定义快捷键执行autoprefixer: prefix，且只对.css/.scss文件生效，不读取项目级browserslist配置，也不参与构建流程。
Atom 的 autoprefixer 插件只在编辑器内做“手动触发式”前缀添加，不参与构建流程，也不自动处理保存、编译或 HTML 中的 <style></style> —— 它只对当前选中的 CSS 代码块生效。
安装 autoprefixer 插件后为什么没反应？
常见错误现象是：装完插件、重启 Atom、打开 .css 文件，但按快捷键或命令面板调用 Autoprefixer: Prefix 时无输出、无报错、也无变化。
- 确认你选中了有效的 CSS 规则（例如
display: flex或transform: rotate(45deg)），不能只选中注释、空行或 HTML 标签 - 确保文件后缀是
.css或.scss；Atom 默认只对这些类型启用插件逻辑 - 检查是否误装了其他同名插件（如
postcss-autoprefixer或css-autoprefixer）——只有atom-autoprefixer是官方维护的 Atom 原生插件 - 插件不读取项目级
.browserslistrc或package.json配置，它只用自己内置的默认目标：last 2 versions, > 1%, ie >= 8
如何正确触发前缀添加？
它不是“保存即处理”，而是明确的“选中 + 手动执行”。必须严格按以下步骤操作才有效：
- 在 Atom 中打开一个
.css文件（比如style.css） - 用鼠标或键盘选中一段合法 CSS 声明，例如：
display: flex;或整条规则块：.box { transform: scale(1.2); } - 按下
Ctrl+Shift+P（Windows/Linux）或Cmd+Shift+P（macOS）打开命令面板 - 输入
Autoprefixer: Prefix，回车执行 - 如果选中内容不含需加前缀的属性，会静默退出；若成功，选中区域会被原地替换为带前缀的版本（如
display: -webkit-box;+display: -ms-flexbox;+display: flex;）
快捷键和 keymap.cson 配置要点
默认无快捷键，需手动配置。常见错误是路径写错或作用域不匹配。
- 打开 Atom 的
Keymap...（Settings → Keybindings → Open Keymap File） - 在
keymap.cson中添加如下内容（注意缩进是空格，不是 Tab）：
'atom-text-editor[data-grammar="source.css"], atom-text-editor[data-grammar="source.scss"]': 'ctrl-alt-x': 'autoprefixer:prefix' 'ctrl-alt-u': 'autoprefixer:remove-prefixes'
关键点：data-grammar 必须匹配当前编辑器语法类型；source.css 对应纯 CSS，source.scss 对应 SCSS。漏掉任一，快捷键在 .scss 文件里就失效。
为什么 Autoprefixer: Remove Prefixes 有时删不干净？
该功能仅移除由本插件此前添加的前缀，不是通用“去重工具”。容易踩的坑包括：
- 手动写的前缀（如
-webkit-transition）不会被识别为“可移除项” - 同一属性多个前缀共存时（如
-moz-transform和-webkit-transform），它只删它自己加过的那一组，取决于上次运行时的浏览器目标配置 - 如果原始 CSS 已含标准属性（如
transform）且插件曾为其补过前缀，那么Remove Prefixes会保留标准属性、只删前缀——这是预期行为，不是 bug - 不支持跨多行的复杂声明（如带换行和注释的
transition声明），建议先格式化再操作
真正需要自动化前缀管理的项目，应该用 PostCSS 构建流程，而不是依赖 Atom 插件；这个插件只适合快速修稿、教学演示或小规模临时编辑。
