如何使 VSCode 和 Prettier 扩展忽略 React JSX 元素的空格？

问题描述

这里的菜鸟。我最近买了一台新电脑，现在我遇到了 Visual Studio 代码和更漂亮的扩展的问题。到目前为止，无论是 Prettier ext 还是 VsCode 自动保存文件时，将 JSX 元素放在 1 行中。看看下面的例子

下面我想要的：

<Card.Title>
   Company name (symbol)
</Card.Title>

vscode 或 prettier ext 在保存时做了什么：

<Card.Title>Company name (symbol)</Card.Title>

任何帮助或链接将不胜感激谢谢！

解决方法

point of Prettier 是放弃对格式的这些次要细节的控制，以便专注于更重要的事情。如果您仍然想控制线条应该在哪里中断等等，Prettier 可能不适合您。这是一个固执己见的工具，这意味着它的格式样式是不可定制的，而且一直是intentionally made that way。在这种情况下不要使用 Prettier。从 VS Code 中删除运行它的扩展。