VS 代码在 HTML 行的末尾添加分号

Question

我在一个 Angular 项目中工作。 当我创建一个简单的 HTML 模板时，例如：

<div>some {{ text }}</div>

VS Code 在保存时在行尾添加分号，这显然是不可取的。 当您删除并再次保存时，它会将其重新添加。

对于更复杂的模板，这似乎不会发生，尤其是在使用指令或输入/输出时。

任何想法如何防止这种情况？

还只是提到我安装了以下扩展，这可能会影响它。

Angular 语言服务 Prettier - 代码格式化程序

Answer 1

解决方案 1

---

您可以使用Ctrl+k Ctrl+Shift+S进行保存而不进行格式化。 同样，这将是一个临时解决方案。

解决方案 2.0

---

您应该检查已添加的插件并将其删除，以使 VSCode 保存功能按预期工作。

解决方案 2.1

---

按CTRL+SHIFT+P ，键入“Formatter”，您应该会看到一个显示 Formatter Config 的选项。

选择该选项后，将打开一个名为 formatter.json 的文件，您只需将属性（名为 onSave）从 true 更改为 false。

重新启动 VSCode，它应该已经停止了自动格式化。

Answer 2

我没有完全相同的问题，但有些人可能会遇到与我相同的问题。

TLDR； 我是一个白痴; 我使用了不正确的语法。

这是我的代码：

<ul class="contents__items">
  <li *ngFor="let list in shoppingLists">{{ list.name }}</li>
</ul>

当我在 VS Code 中保存时，VS Code 会像这样添加冒号和分号：

<ul class="contents__items">
  <li *ngFor="let: list: in; shoppingLists">{{ list.name }}</li>
</ul>

这是因为我使用的是关键字in而of . 将其更改为正确的语法可以纠正所有问题。