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

Question

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

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

VS代码在保存时会在行尾添加一个分号，这显然是不可取的。当你删除并再次保存时，它会将其添加回。

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

有什么办法防止这种情况发生吗？

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

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

Answer 1

解决方案1

---

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

解决方案2.0

---

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

解决方案2.1

---

按下CTRL+SHIFT+P，键入"；格式化程序"；您应该看到一个选项，上面写着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代码中时，VS代码会添加一个冒号和分号，如下所示：

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

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