WebStorm中按Ctrl+Alt+L格式化代码时如何配置代码缩进
WebStorm 配置.ts文件默认格式化缩进方法
按下Ctrl+Alt+L触发格式化时,要让所有.ts后缀文件自动应用符合预期的缩进效果,按以下步骤配置即可:
- 按
Ctrl+Alt+S(macOS系统按Cmd+,)打开设置面板 - 左侧目录依次展开到
Editor > Code Style > TypeScript,这个配置页的规则默认对所有.ts后缀文件生效,不需要额外做文件关联。 - 切换到
Tabs and Indents标签页,按以下参数设置:- 取消勾选
Use tab character,统一用空格作为缩进载体 Tab size设为2Indent设为2,对应代码块的基础缩进Continuation indent设为4,对应换行续写、链式调用、多行参数的续行缩进,和给出的示例效果匹配
- 取消勾选
- 切换到
Wrapping and Braces标签页,找到「Chained method calls」「Method declaration parameters」「Array/Object initializer」几个选项,把对应子项的Indent when wrapping勾选上,保证换行后的内容自动缩进对齐。 - 配置完成后点击
Apply保存即可。
排错提示:如果配置完按快捷键格式化没生效,先检查项目根目录有没有
.editorconfig文件,WebStorm会优先读取这个文件里的规则覆盖全局设置,找到文件里[*.ts]段落下的indent_size、continuation_indent_size参数,改成和上面配置一致的值就行。
预期效果参考:
或
内容的提问来源于stack exchange,提问作者maxim.saharov
相关产品推荐
相关产品推荐

