You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

VS Code中TypeScript代码大括号换行设置方法咨询

在VS Code中让TypeScript智能提示生成的大括号从新行开始的设置方法

我来帮你搞定这个大括号风格的问题!VS Code里TypeScript智能提示生成的代码格式,是和编辑器的TypeScript格式化规则绑定的,只要调整几个关键设置就能让大括号始终从新行开启,具体操作如下:

方法一:通过图形化设置界面操作

  • 打开VS Code设置:按下快捷键 Ctrl+,(Windows/Linux)或者 Cmd+,(Mac),也可以通过顶部菜单栏的「文件 > 首选项 > 设置」打开。
  • 在设置搜索框中输入 typescript.format.placeOpenBraceOnNewLineForFunctions,勾选这个选项——它会让函数、类的大括号自动换到新行。
  • 接着搜索 typescript.format.placeOpenBraceOnNewLineForControlBlocks,同样勾选——这个是控制if/for/while等控制语句的大括号换行。
  • (可选)如果同时希望其他文件类型(比如JSX/HTML)的大括号也换行,可以搜索 editor.bracketSameLine,取消勾选这个选项。

方法二:直接修改settings.json文件

如果你习惯用代码编辑配置文件:

  1. 打开设置界面后,点击右上角的「{}」图标,进入JSON配置编辑模式。
  2. 在配置对象中添加以下代码:
"typescript.format.placeOpenBraceOnNewLineForFunctions": true,
"typescript.format.placeOpenBraceOnNewLineForControlBlocks": true,
"editor.bracketSameLine": false // 可选,适配其他文件类型的大括号风格
  1. 保存文件,设置会立即生效。

设置完成后,你再用智能提示生成类、函数或者控制语句时,大括号就会自动从新行开始啦!

内容的提问来源于stack exchange,提问作者Ishthiyaque Ahmed

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.05.20 08:57:19