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 等混合文件不是单一语言规则，得按区块分别覆盖：

• 块走 HTML 规则 → 进 Settings → Editor → Code Style → HTML，设 Indent = 4、Continuation indent = 4、取消勾选 Use tab character
• <script></script> 块走 JavaScript 或 TypeScript 规则 → 分别进对应语言页，同样设三值为 4 并关掉 Use tab character
• 块走 CSS 或 SCSS 规则 → 同理配置
• 新建 .vue 文件时若仍用默认 4 格缩进，大概率漏了 Other File Types → 进该页设 Default Indent = 4、Continuation indent = 4

为什么设置完还是被覆盖？三个静默干扰源

WebStorm 默认会优先服从外部信号，手动设置常被以下三者悄悄绕过：

WebStorm Linux版

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

下载

• .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。