VS Code中TypeScript与JavaScript代码格式化配置咨询

一、VS Code内置配置（无需额外扩展） #

直接修改VS Code的settings.json配置，针对控制语句（if/else等）开启大括号单独换行：

// JavaScript 配置
"javascript.format.placeOpenBraceOnNewLineForControlBlocks": true,
// 可选：如果不需要函数大括号换行，保留此设置
"javascript.format.placeOpenBraceOnNewLineForFunctions": false,

// TypeScript 配置
"typescript.format.placeOpenBraceOnNewLineForControlBlocks": true,
"typescript.format.placeOpenBraceOnNewLineForFunctions": false

开启后，控制语句的大括号会单独占一行，else也会自动换行独立成行。

二、使用Prettier扩展 #

1. 安装VS Code的Prettier扩展
2. 在settings.json中添加以下配置：

"prettier.bracketSameLine": false,
"editor.defaultFormatter": "esbenp.prettier-vscode"

bracketSameLine: false会让控制语句的大括号单独换行，Prettier默认会将else置于独立行，完全匹配你需要的格式。

内容的提问来源于stack exchange，提问作者Mohammed Sufian