Question

请问您是否可以更改VSC中有关起始鹿角尖括号关闭的html格式？

目前我的格式化程序产生：

  <button
    type="button"
    class="btn btn-default"
    (click)="activeModal.close()"
    translate
  >
    common.discardBtn
  </button>

那太可怕了

我想要这个结果：

  <button
    type="button"
    class="btn btn-default"
    (click)="activeModal.close()"
    translate>
    common.discardBtn
  </button>

如何避免尖括号换行？

更新 @克里斯我已经尝试过了
“ html.format.wrapAttributes”：“ force”，但这不起作用

Answer 1

您确定这是Visual Studio Code，而不是像漂亮的扩展吗？我发现了相同的问题，并且通过简单的测试来关闭某个元素的漂亮外观会显示出是否相同的问题。

<!-- prettier-ignore  -->
<button
    type="button"
    class="btn btn-default"
    (click)="activeModal.close()"
    translate>
    common.discardBtn
</button>

看起来好像已经讨论过了，但可能在这里没有解决： https://github.com/prettier/prettier/issues/1825

我在settings.json中关闭了更漂亮的html

"prettier.disableLanguages": ["html"]

Answer 2

设置为：

"html.format.wrapAttributes": "force"。

第一个标签的尖括号设置为新行的原因是，当对代码进行版本控制（例如，使用Git）并添加或删除属性时，与首选解决方案相比，修改的行数更少。

您会发现“恐怖”格式在开发人员世界中非常普遍。 =）

Visual Studio代码：更改尖括号html格式

2 个答案: