WebStorm的代码格式化总是覆盖我的自定义缩进设置怎么办？

シ艺馨提问于 2026-01-28 10:25:30 阅读 34

前端

我在用WebStorm开发Vue项目时，每次格式化代码（Ctrl+Alt+L），它都会把我的4空格缩进强制改成2空格。虽然我修改过Settings → Editor → Code Style → JavaScript的缩进设置，但保存配置后重启IDE还是没用，到底是哪里漏配了？

尝试过直接在项目根目录创建了.jsbeautifyrc文件：


{
  "indent_size": 4,
  "indent_char": " ",
  "indent_with_tabs": false
}

但格式化时依旧无效，状态栏提示Using default code style 'Project'，求大佬指点！

WebStorm 开发工具

我来解答赞 4 收藏

反馈

2 条解答

Designer°世梅 Lv1

这个问题我遇到过，WebStorm的代码格式化确实有点坑。它会优先使用项目级别的配置，但有时候还是会跟全局设置冲突。

建议你按以下步骤调整：

1. 打开 Settings → Editor → Code Style，在右上角点 Scheme 下拉菜单，确保选的是选项，这样配置才能对当前项目生效。

2. 在 Vue 项目里，检查是否有 .editorconfig 文件。如果有，优先修改里面的 indent_size 设置为 4。WebStorm 很认这个文件的配置。

3. 如果没有 .editorconfig，可以在项目根目录创建一个，内容如下：

# .editorconfig

root = true



[*]

indent_style = space

indent_size = 4



[*.vue]

indent_size = 2

注意：Vue 文件内部的