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 . 將其更改為正確的語法可以糾正所有問題。