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文件
如果你习惯用代码编辑配置文件:
- 打开设置界面后,点击右上角的「{}」图标,进入JSON配置编辑模式。
- 在配置对象中添加以下代码:
"typescript.format.placeOpenBraceOnNewLineForFunctions": true, "typescript.format.placeOpenBraceOnNewLineForControlBlocks": true, "editor.bracketSameLine": false // 可选,适配其他文件类型的大括号风格
- 保存文件,设置会立即生效。
设置完成后,你再用智能提示生成类、函数或者控制语句时,大括号就会自动从新行开始啦!
内容的提问来源于stack exchange,提问作者Ishthiyaque Ahmed
相关产品推荐
相关产品推荐

