Autoprefixer 在 VSCode 中不生效，主因是 PostCSS 配置未被识别：需确保项目根目录存在 postcss.config.js 或 package.json 中含 browserslist 字段，且 autoprefixer 已本地安装；Live Sass Compiler 插件不兼容 PostCSS，应改用 PostCSS Language Support + Autoprefixer 插件组合，并通过命令面板手动触发补全。
Autoprefixer 在 VSCode 里不生效？先看 PostCSS 配置有没有被识别
VSCode 本身不处理前缀，靠的是 Autoprefixer 插件 + 后端的 postcss 工具链。常见现象是保存 CSS 文件后毫无反应，连 flex 都没加 -webkit-。这不是插件坏了，而是 VSCode 根本没找到 postcss.config.js 或 autoprefixer 的配置入口。
- 确保项目根目录（不是 VSCode 工作区根，而是你打开的文件夹最外层）有
postcss.config.js，内容至少包含：module.exports = { plugins: [require('autoprefixer')] } - 如果用
package.json配置，必须写"browserslist"字段，例如："browserslist": ["> 1%", "last 2 versions"]；只靠插件默认列表（defaults）往往太宽松，display: flex这类属性不会加前缀 -
autoprefixer必须已安装在项目本地：npm install --save-dev autoprefixer postcss；全局安装无效
用 Live Sass Compiler 插件时，Autoprefixer 完全不工作
这是高频踩坑点：Live Sass Compiler 默认只编译 Sass，不走 PostCSS 流程。它内置的 “Auto Prefix CSS” 选项实际调用的是过时的、硬编码的前缀规则，无法响应 browserslist，也不支持现代属性（如 gap、aspect-ratio）。
- 关闭 Live Sass Compiler 的
liveSassCompile.settings.autoprefix配置项（设为false） - 改用
PostCSS Language Support+Autoprefixer（by mrmlnc）插件组合 - 编译流程改为：Sass → CSS → PostCSS（含 Autoprefixer），即用
sassCLI 输出 .css，再让Autoprefixer插件监听 .css 文件保存事件
保存后只加了部分前缀，比如 -webkit-flex 但漏了 -ms-flexbox
这通常源于 browserslist 查询结果和你预期不符。Autoprefixer 不是“全量加前缀”，而是按目标浏览器的实际能力精准注入——IE10 需要 -ms-flexbox，但 IE11 已原生支持 flex，所以不会加。
- 运行
npx browserslist确认当前匹配的浏览器范围，注意是否有意外包含的旧版本（如ie 10被last 2 versions拉进来了） - 避免用模糊查询如
last 2 versions，改用明确列表：["Chrome >= 87", "Firefox >= 84", "Edge >= 90", "iOS >= 14.5"] - 检查 CSS 语法是否合法：Autoprefixer 对
@supports块内属性、自定义属性（--foo）、嵌套语法（非标准）会跳过处理
想手动触发一次前缀补全，而不是等保存
VSCode 的 Autoprefixer 插件（by mrmlnc）支持命令面板调用，但前提是文件已被识别为 CSS/SCSS/PostCSS 类型，且配置就绪。
立即学习“前端免费学习笔记（深入）”；
- 打开 .css 文件，按
Ctrl+Shift+P（Win/Linux）或Cmd+Shift+P（Mac） - 输入并选择
Autoprefixer: Run命令 - 如果报错
Cannot find module 'autoprefixer'，说明插件找不到本地安装的包，此时需确认：- 当前打开的文件属于已
npm init初始化的文件夹 -
node_modules/.bin/autoprefixer存在且可执行 - 没有启用插件的
disableAutoprefixerOnSave配置
- 当前打开的文件属于已
有些项目用 Vite 或 Webpack，前缀由构建时注入，编辑器里补全只是辅助——别指望它和生产环境输出完全一致。真正关键的，是你本地 browserslist 和构建工具用的是否一致。
