如何在 VS Code 中将 HTML 标签放在一行中？答案

【问题标题】：How can I put a HTML tag in one line in VS Code?如何在 VS Code 中将 HTML 标签放在一行中？
【发布时间】：2022-11-14 15:33:33
【问题描述】：

我的 Mac 电脑中的 VS 代码会自动将客户 HTML 标记换成新行。这使得整个代码的长度变得更大。例如，我想要一行下面的代码

<FormInput name="propertyTax" width="43%" height="7%" placeholder="3,200"></FormInput>

但是 VS 代码如下所示。

<FormInput
name="propertyTax"
width="43%"
height="7%"
placeholder="3,200">
</FormInput>

我尝试从设置中更改自动换行但没有运气。

请帮我。

【问题讨论】：

除了auto，您是否将设置HTML > Format: Wrap Attributes 设置为任何内容？如果是这样，那可能会导致您所看到的。请参阅stackoverflow.com/a/42099329/836330。

【解决方案1】：

您可以尝试关闭 VSCOde 中的任何格式化程序。转到Code > Preferences > Settings 并搜索“格式”并尝试关闭“保存时格式化”和您拥有的任何其他格式选项。

【讨论】：

【解决方案2】：

如果您使用的是 Prettier 格式化程序。去设置并搜索：prettier.printWidth 并将默认的80 更改为300。

【讨论】：