如何设置VSCode以将花括号放在新行上？

Question

假设我键入以下代码并对其进行格式化.

if (condition) { /* Hello! */ }

如果这是C#代码,则格式如下:

if (condition)
{
    // Hello!
}

如果是JavaScript,VSCode将其格式化为:

if (condition) {
    // Hello!
}

那么如何为所有语言使用第一种格式样式(新行上的花括号)？我找不到设置或类似的东西.建议？

Answer 1

按照以下步骤使Visual Studio代码格式在Java脚本和类型脚本的新行上打开大括号.

在Visual Studio代码中(v1.20.0)

1. 转到文件\首选项\设置

2. 在" 用户设置 "中添加以下行(在右侧窗格中)

   "javascript.format.placeOpenBraceOnNewLineForControlBlocks": true, 
   "javascript.format.placeOpenBraceOnNewLineForFunctions": true,
   
   "typescript.format.placeOpenBraceOnNewLineForControlBlocks": true,
   "typescript.format.placeOpenBraceOnNewLineForFunctions": true,
   

3. 保存" 用户设置 ",您就完成了!

Answer 2

转到“文件\首选项\设置”，然后搜索“ curly”。

启用以下所示的设置。

这使我可以在下一行使用花括号将代码自动格式化，以用于函数定义和控制块。

使用Visual Studio Code 1.30.2测试

Answer 3

那些需要PHP解决方案的人，您需要安装PHP Intelephense 扩展并更新settings.json文件。

"intelephense.format.braces": "k&r" 

默认情况下是psr12.

Answer 4

默认情况下，VS代码不支持格式自定义。但是您可以使用js-beautify扩展名进行格式自定义。您可以在VS代码市场（https://marketplace.visualstudio.com/items?itemName=HookyQR.beautify）上找到免费版本。

根据您的要求，可以通过在项目根文件夹中创建一个.jsbeautifyrc配置文件并定义以下行来设置新行中的花括号。

{
     "brace_style": "expand"
}

有关更多格式选项，可以从以下链接中找到：https : //github.com/HookyQR/VSCodeBeautify/blob/master/Settings.md

Answer 5

以下说明适用于 VS Pro 2012...

1. 在菜单栏上选择“工具”。
2. 选择选项...
3. 展开文本编辑器列表。
4. 展开 JavaScript 列表。
5. 展开格式列表。
6. 选择新线。
7. 选择将左大括号放在控制块的新行上。

我希望这是有帮助的。如果您有任何疑问，请随时回复。