WebStorm 2025.3 Help

缩进

每种编程语言的缩进设置都是单独配置的。

WebStorm 在 状态栏中显示缩进信息。 因此,如果您的项目中包含不同类型的文件,学习当前缩进样式并访问相应设置的最简单方法是使用 缩进 小部件。

缩进小部件

由于缩进是为每种编程语言单独配置的,显示的缩进数量可能因打开的项目而异。 要在状态栏中查看缩进,请在编辑器中打开包含相关代码的文件。

配置缩进样式

在 WebStorm 中,您可以在 代码样式方案 .editorconfig 文件中配置缩进。

在代码样式方案中打开缩进设置

  1. 点击该小部件并选择 为 <language_or_SQL_dialect> 配置缩进

    从缩进微件配置缩进
  2. 在打开的对话框中,您可以更改制表符与缩进的设置,并配置其他代码样式设置。 点击 确定(O)

  3. 将项目中必要的部分进行 Reformat 以应用新的缩进设置。

在 .editorconfig 中打开缩进设置

通过 .editorconfig 文件指定了代码样式设置的文件,在小部件中会显示 图标。

  1. 点击该小部件并选择 打开.editorconfig

    IDE 会打开影响您当前工作的最近的 .editorconfig 文件。 要查看所有可用 .editorconfig 文件的列表,请点击 显示与项目相关的文件…

    从缩进小部件打开的 EditorConfig 菜单
  2. 请您进行更改并 重新格式化 项目的必要部分以应用新的缩进设置。

自动检测缩进

您可以配置 WebStorm 以检测当前文件中的缩进样式,并使用此样式替代在某种语言的代码样式设置中指定的缩进。

  1. 按下 Ctrl+Alt+S 打开设置,然后选择 编辑器|代码样式

  2. 请选择 检测并使用现有的文件缩进进行编辑 复选框。

  3. 应用更改并关闭对话框。

要禁用自动缩进,请返回设置并取消选中复选框,或点击 缩进 小部件并选择 禁用缩进检测

在编辑器中显示缩进指南

缩进指南是一条淡淡的垂直线,帮助您查看代码的缩进级别。 您可以在设置中启用缩进指南:

  1. 按下 Ctrl+Alt+S 打开设置,然后选择 编辑器|常规|外观

  2. 启用 显示缩进参考线 选项。 应用更改并关闭对话框。

之后,标记缩进级别的垂直线会出现在编辑器中。

最后修改日期: 2025年 12月 8日