Sublime Text需通过Autoprefixer插件实现CSS自动加前缀；安装需先配置Package Control，再安装Autoprefixer（勿选已停更的Prefixr）；配置依赖.browserslistrc或package.json；触发方式为快捷键Ctrl+Alt+X或保存自动处理；仅对实际需要的浏览器添加前缀，不修复语法错误。
Sublime Text 本身不内置 CSS 自动加前缀功能，必须靠插件实现；Autoprefixer 是目前最可靠、维护活跃、规则同步 Can I Use 的方案。
安装 Autoprefixer 插件（需先装 Package Control）
如果还没装 Package Control，先用 Ctrl+`（Windows/Linux）或 Cmd+`（macOS）打开控制台，粘贴官方安装脚本。装好后按 Ctrl+Shift+P（或 Cmd+Shift+P），输入 Install Package 回车，再搜 Autoprefixer 并安装。
注意：别装错成旧版 Prefixr —— 它已停止更新，规则过时，不支持 Flexbox/Grid 新语法，且默认只加 WebKit 前缀。
配置浏览器目标（决定加哪些前缀）
Autoprefixer 行为由 browserslist 配置驱动，不是靠 Sublime 设置界面。你有三个选择：
立即学习“前端免费学习笔记（深入）”；
vue-component-analyzer
下载
递归分析 Vue 项目组件依赖，从入口文件生成组件层级图，支持 Vue 2/3，输出组件名、文件路径和属性。适用于分析组件结构、排查依赖或了解项目架构。
- 项目根目录放
.browserslistrc文件，内容如：last 2 versions > 1% iOS >= 12 not dead
- 或在
package.json里加"browserslist"字段 - 全局配置（不推荐）：在 Sublime 的
Preferences → Package Settings → Autoprefixer → Settings里写"browsers"数组，但会覆盖项目级配置，容易误伤
没配的话，Autoprefixer 默认只兼容「last 2 versions」，可能漏掉 IE11 或旧安卓 WebView。
触发前缀补全的两种方式
Autoprefixer 不是实时补全，而是对已有 CSS 批量处理：
-
快捷键方式：选中一段 CSS（比如
display: flex;），按Ctrl+Alt+X（Windows/Linux）或Cmd+Alt+X（macOS） -
保存自动处理：在插件设置里开启
"auto_prefix_on_save": true，但注意——它只对.css和.scss等明确识别为 CSS 的文件生效；如果是.vue单文件组件里的<style>块，默认不触发
常见失败现象：Ctrl+Alt+X 没反应？检查是否选中了文本，或当前文件语法模式是不是 CSS（右下角看，不是 Plain Text）。
为什么有些属性没加前缀？
Autoprefixer 只加「当前浏览器实际需要」的前缀，不是盲目堆砌。例如：
-
transform: rotate(45deg);在 Chrome 90+ 不加-webkit-，因为已原生支持 -
place-content: center;在 Safari 14.1+ 不加前缀，但 Safari 13.1 需要-webkit-—— 是否加取决于你配置的browserslist -
gap在 Flex 布局中仍无前缀（规范未完全落地），但 Grid 中已稳定；Autoprefixer 严格按标准状态决策
别指望它修复书写错误，比如把 disply: flex 拼错成这样，它不会帮你加前缀，也不会报错——只会跳过这一行。
