WebStorm需通过postcss-cli+External Tools或File Watcher集成Autoprefixer，右键无反应主因是Parameters参数顺序错误（应为-u autoprefixer -o 输出路径 输入路径）或路径变量误用；必须本地安装、配postcss.config.js和browserslist，且仅处理已编译的CSS文件。
WebStorm 本身不内置 Autoprefixer，必须通过 postcss-cli + External Tools 或 File Watcher 集成才能生效；直接装插件或开设置开关没用。
为什么右键 autoprefixer 没反应？
常见错误是 Parameters 参数顺序写反或路径变量用错。Autoprefixer 是 postcss 的插件，postcss-cli 才是真正执行命令的程序，它要求参数格式为：-u autoprefixer -o <输出文件> <输入文件>，注意 -o 后紧跟输出路径，再空格后才是输入路径。
-
$FileDir$/$FileName$表示当前文件（如style.css），但不能同时作为输入和输出——否则会覆盖原文件且可能读写冲突 - 推荐写法：
-u autoprefixer -o $FileDir$/$FileNameWithoutExtension$.autoprefixed.css $FilePath$，生成新文件避免覆盖 - 如果用
$FilePath$作输入，确保该文件已存在（.css 或 .pcss），postcss-cli不会创建输入文件 - Windows 下
Program必须填postcss.cmd路径（如C:\Users\XXX\AppData\Roaming\npm\postcss.cmd），填postcss会报“找不到命令”
全局安装 vs 项目本地安装，选哪个？
优先用项目本地安装（npm install postcss autoprefixer --save-dev），配合 postcss.config.js 和 WebStorm 的 File Watcher。全局安装（npm install -g postcss-cli autoprefixer）容易因 Node 版本或权限问题在不同机器上失效，且无法读取项目级 browserslist 配置。
- 本地安装后，
Program可设为npx postcss（无需找绝对路径） -
Parameters改为：-u autoprefixer -o $FileDir$/$FileNameWithoutExtension$.css $FilePath$ - 必须在项目根目录放
postcss.config.js，内容至少含module.exports = { plugins: [require('autoprefixer')] }; -
browserslist字段要写在package.json里（如"browserslist": ["> 1%", "last 2 versions"]），否则 Autoprefixer 不知道该兼容哪些版本
SCSS / Less 文件怎么加前缀？
Autoprefixer 只处理 CSS 语法，不解析 SCSS/Less。必须先编译成 CSS，再对 CSS 文件运行 Autoprefixer。
立即学习“前端免费学习笔记（深入）”；
- WebStorm 自带 SCSS Watcher 编译出
.css文件后，再配一个 File Watcher 专门跑postcss处理该 CSS 文件 - 不要试图对
.scss文件右键运行 autoprefixer —— 它会报错或静默失败 - 若想一步到位，改用构建工具（如 Vite、Webpack）集成 PostCSS，在开发服务器中自动处理，WebStorm 仅作编辑器
- 确认
File Types中没有把*.scss错误关联到 PostCSS 类型，否则编辑器高亮和补全会错乱
最容易被忽略的是 browserslist 配置位置和生效范围：它必须在 package.json 或 .browserslistrc 中，且需被 postcss-cli 或项目本地 postcss 正确加载；全局安装时它常被忽略，导致生成的前缀比预期少得多。
