Tab键插入空格数由Indent值决定，但前提是取消勾选Use tab character；若勾选该选项，则Tab键插入\t字符，Tab size仅控制其显示宽度。
Tab键插入几个空格，由 Indent 值决定，但前提是必须关闭 Use tab character —— 否则按 Tab 插入的是 \t 字符，和空格数无关。
为什么改了 Tab size 还是不生效？
很多人只调了 Tab size，却忽略了它只在勾选 Use tab character 时起作用（控制 \t 的显示宽度），而真正决定“按 Tab 键插入什么”的是 Indent 和 Use tab character 的组合：
- 勾选
Use tab character→ 按 Tab 插入 \t，Tab size决定渲染宽度，Indent不影响输入行为 - 取消勾选
Use tab character→ 按 Tab 插入空格，数量 =Indent值（这才是你要的效果） -
Tab size在后者场景下仅影响编辑器内制表位对齐线、代码折叠符号等视觉参考，不影响实际缩进
哪些语言/文件类型必须单独设置？
.vue、.jsx、.tsx 等混合文件不是单一语言规则，得按区块分别覆盖：
-
<template></template>块走HTML规则 → 进Settings → Editor → Code Style → HTML，设Indent = 4、Continuation indent = 4、取消勾选Use tab character -
<script></script>块走JavaScript或TypeScript规则 → 分别进对应语言页，同样设三值为 4 并关掉Use tab character -
<style></style>块走CSS或SCSS规则 → 同理配置 - 新建 .vue 文件时若仍用默认 4 格缩进，大概率漏了
Other File Types→ 进该页设Default Indent = 4、Continuation indent = 4
为什么设置完还是被覆盖？三个静默干扰源
WebStorm 默认会优先服从外部信号，手动设置常被以下三者悄悄绕过：
-
.editorconfig文件存在且含indent_size = 2或tab_width = 2→ 即使你关了 EditorConfig 插件，新版 WebStorm（2025+）仍会解析它；解决：删掉或改值，然后**完全退出 WebStorm 再重开** - EditorConfig 插件启用状态 → 进
Settings → Plugins搜索EditorConfig，禁用并重启 - 勾选了
Detect and use existing file indents for editing→ 它会扫描当前文件前几行缩进风格并自动套用；解决：在任意语言的 Code Style 页面底部，把这个选项关掉
缩进设成 4 空格后，哪些操作会意外变回 2 格？
格式化（Ctrl+Alt+L）、粘贴代码、甚至新建文件都可能跳脱你的设置，尤其当项目里有这些配置时：
-
.prettierrc中tabWidth: 2→ Prettier 优先级高于 WebStorm，必须同步改成4 - ESLint 配置里启用了
eslint-plugin-prettier→ 它会把 WebStorm 缩进当成“错误”来修复，需确保其规则与你设置一致 - 团队共享的
.editorconfig被 Git 拉下来 → 别只改本地设置，确认项目根目录下该文件内容已统一
最稳的做法：关插件、删或改 .editorconfig、所有语言页设齐三值、关掉 Detect indents，再重启。否则任何一处漏掉，Tab 键就还在偷偷用 2 格或 \t。
