vscode 中是否有任何 shortcut/hotkey 来格式化 html 元素的属性

Question

我有这个元素代码，我需要从这个格式化属性：

<input class="cool-input" id="input" value="test" placeholder="test" />

到

<input class="cool-input"
  id="input"
  value="test"
  placeholder="test"
/>

但我没有找到任何热键来执行此操作。有没有，有的话是什么？

Answer 1

检查此线程

安装 VSCode 扩展也有帮助。这是一个 Prettier – Code formatter

可以设置保存时格式化和选择时格式化。文档有非常详细的操作指南。

Answer 2

试试这个设置：

HTML > Format: Wrap Attributes 设置为 force

然后 select 你的行：

<input class="cool-input" id="input" value="test" placeholder="test" />

并触发命令Format Selection，你将得到：

<input class="cool-input"
  id="input"
  value="test"
  placeholder="test" />

Is there any shortcut/hotkey in vscode to format attributes of an html element