必须同时将tab size、indent、continuation indent三处均设为2，并覆盖js/ts/html/css/vue及other file types；关闭detect indents和editorconfig支持；同步调整.prettierrc中tabwidth。
WebStorm缩进设成2空格，关键改哪几处？
直接结论：必须同时改 Tab size、Indent、Continuation indent 三个值为 2，且语言类型要全覆盖（JS/TS/HTML/CSS/Vue），否则只生效一半。
很多人只调了 JavaScript 的设置，结果 .vue 文件里 <template></template> 还是4格缩进——因为 Vue 模板走的是 HTML 规则，脚本部分才走 JavaScript 或 TypeScript 规则。
-
Tab size：控制按 Tab 键时的视觉宽度（仅当勾选Use tab character时生效） -
Indent：控制自动缩进（如回车、格式化、代码折叠展开）用几个空格 -
Continuation indent：控制换行续写时的缩进，比如函数参数分多行、链式调用每行开头缩进多少
Vue文件缩进不统一？别漏掉“Other File Types”
WebStorm 的 Code Style 设置里没有 Vue 单独选项，但 .vue 是混合体：<template></template> 归 HTML，<script></script> 归 JS/TS，<style></style> 归 CSS。所以得手动补全。
真正起效的路径是：Settings → Editor → Code Style → Other File Types，在这里把 Default Indent 和 Continuation indent 都设为 2；再顺手把 HTML、CSS、JavaScript、TypeScript 全部过一遍，每个里的 Indent 和 Continuation indent 都设成 2。
- 不改
Other File Types→ 新建的.vue文件里按回车还是默认 4 格 - 改完不重启 WebStorm → 设置可能缓存未加载，缩进仍不响应
- 用了
eslint-plugin-prettier→ 它会覆盖 WebStorm 缩进，优先级更高，需同步调整.prettierrc中的tabWidth
为什么改完还不生效？大概率是这三个开关在捣鬼
WebStorm 默认会“自作聪明”地读取已有文件缩进或项目配置，导致你手动设的 2 被悄悄覆盖。
务必关闭这两个选项（在任意语言的 Code Style 页面底部）：
-
Detect and use existing file indents for editing：关掉，否则它会扫描你当前文件前几行，按历史风格缩进 -
Enable EditorConfig support：关掉，否则项目根目录下的.editorconfig文件（哪怕只有indent_size=4一行）就会强制覆盖所有设置 - 插件
EditorConfig若已启用，也要在Settings → Plugins里禁用并重启
缩进设成2空格后，哪些地方容易“意外回退”？
不是设完就一劳永逸。以下场景会绕过你的设置，导致缩进跳回 4 格或错乱：
- 用
Ctrl+Alt+L（Windows）或Cmd+Option+L（macOS）格式化时，若启用了Prettier或ESLint的“on save”格式化，它们的规则优先级高于 WebStorm - 粘贴外部代码时，WebStorm 默认“智能缩进”，会尝试匹配上下文；可临时按住
Shift再粘贴，跳过自动缩进 - 从 Git 合并或拉取后，某些编辑器生成的文件带硬 Tab 字符（
\t），而你的设置是用空格，显示会错位——建议打开Settings → Editor → General → Virtual Space勾选Show whitespaces辅助排查
最常被忽略的一点：团队协作时，.editorconfig 和 .prettierrc 是事实标准，WebStorm 只是执行终端。如果想长期稳定，缩进策略得先落地到这些配置文件里，再让 WebStorm 对齐它们。
