webstorm 自2022.3起已内置prettier支持，无需安装插件；需本地安装prettier包并手动配置路径，设置“set from prettier”为默认格式器，确保.prettierrc.json位于根目录且语法正确。

WebStorm 里不用“安装”Prettier 插件（2026 年起已内置）

WebStorm 自 2022.3 版本起就内置了 Prettier 支持，无需去插件市场搜索安装 Prettier 插件——装了反而可能冲突。你看到的“Prettier 插件 ID 10456”只适用于 IntelliJ IDEA、PhpStorm 等非前端专用 IDE；WebStorm 默认已带，且更稳定。

必须做的是：本地安装 prettier 包 + 正确指向它

IDE 内置的是“调用能力”，真正干活的是你项目里的 prettier。不装包，Set from Prettier 会报错或 fallback 到默认规则。

WebStorm Linux版

WebStorm 2026.2 Linux tar.gz 安装包，适合在 Linux 桌面环境中搭建现代前端开发与调试工作流。

下载

• npm install --save-dev --save-exact prettier（推荐，锁定版本防团队格式漂移）
• 打开 Settings > Languages & Frameworks > JavaScript > Code Quality Tools > Prettier
• 在 Prettier package 字段，手动选中项目内路径：node_modules/prettier（不是全局路径，也不是空着）
• 确认右下角状态栏显示文件类型为 JavaScript 或 TypeScript，不是 Plain Text

为什么点 Ctrl+Alt+L 没反应？关键在“设为默认格式器”

装了插件 ≠ 接管格式化。WebStorm 默认仍用内置格式器，Ctrl+Alt+L 和保存动作都跟 Prettier 无关，除非你手动指定。

• 进 Settings > Editor > Code Style > JavaScript，点右上角齿轮 → Set from > Prettier
• 同理，对 TypeScript、Vue、JSX、TSX 等 tab 都要单独执行一遍
• 检查 Formatter 下拉菜单是否已切换为 Prettier（不是 IDE Default）
• 改完后建议重载项目（File > Reload project），避免缓存导致设置未生效

.prettierrc.json 不生效？位置、命名、语法三者缺一不可

WebStorm 对配置文件极其敏感，错一个就静默退回到内置规则（比如双引号、4 空格、结尾分号），看起来像“没装上”。

• 必须放在项目根目录，和 package.json 同级；monorepo 中每个子包需各自放一份
• 优先用 .prettierrc.json（最稳），.prettierrc（无后缀）次之；prettier.config.js 必须写 module.exports = { semi: false }，禁用 export default 和 ESM 语法
• .prettierignore 也得放根目录，每行一个路径，不支持 **/test.js，得写成 src/*/test.js 或 tests/**/*.js
• 如果用了 prettier-plugin-vue，需在 Prettier 设置页的 Plugins 区域手动添加路径，否则 <template></template> 块不会被格式化

真正的麻烦点不在“装”，而在“接管”——WebStorm 的格式化流程是分层的：快捷键走 Code Style 设置，保存走 Actions on Save，而 ESLint Fix 又另走一套。三者一旦没划清边界，就会出现空行反复增删、引号来回切换、光标乱跳等现象。别指望改一个地方就全好，每个语言 tab、每个开关、每个文件路径都得亲手核对。