配置Prettier将花括号推到新行，并保留空行。

Question

我正在使用VSCode的prettier，如何配置它使我的代码格式化为这样：

function test() 
{

   if() 
      {

         MYCODE GOES HERE;

      }

}

我希望在新的一行上放置{和}，并在{之后和}之前留出一个空行。

目前，如果条件或函数名，则会将花括号移动到同一行，并删除{和}之后/之前的空行。

- Sohail

Answer 1

Prettier 被认为是一种“有主见”的格式化程序，这意味着它不允许您选择类似的功能。如果您想更多地控制格式，请使用其他格式化程序。

内置的 VS Code 格式化程序允许您做您所寻求的事情，只需在设置中搜索“function new line”和类似选项即可。

当然，VS Code 市场中还有许多其他格式化扩展可用。无论您选择哪一个，都必须将其选为您的 VS Code 设置中的默认格式化程序。

- ultraGentle

Answer 2

如此答案所述，VS Code的格式化程序本身工作得很好，但如果您希望将其作为工作流的一部分，则使用ESLint可能会使事情变得更容易。有一个名为brace-style的规则。

然后，您可以运行eslint ./path/to/your/file --fix来格式化代码，或者eslint . --fix来格式化整个项目目录中的代码。

免责声明：我大多数时候都使用ESLint进行代码格式化，它对我很有效。我实际上也用它来查找和解决问题，所以这就像一箭双雕，但请注意，ESLint更多地是用于查找代码中的问题并修复它们，因此仅将ESLint用于代码格式化可能不是最佳选择。

- GlyphCat

---

你真的链接到了你上面的那个回答吗？ - Junglemath

我认为显式链接更可取。我曾经看到过一些帖子，其中一个人说“上面的答案”或“xxxx的答案”，但是随着时间的推移和用户偏好的变化，答案会被重新排序，用户也可能更改名称。那么，为什么不呢？ - superjos