Код VS добавляет точку с запятой в конец строки HTML

Question

Я работаю в проекте Angular. Когда я создаю простой шаблон HTML, например:

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

VS Code добавляет точку с запятой в конец строки при сохранении, что явно нежелательно. когда вы удаляете и снова сохраняете, он добавляет его обратно.

Похоже, этого не происходит с более сложными шаблонами, особенно при использовании директив или входов / выходов.

Есть идеи, как это предотвратить?

Также просто хочу отметить, что у меня установлены следующие расширения, которые могут повлиять на это.

Angular Language ServicePrettier - средство форматирования кода

Answer 1

Решение 1

---

Вы можете сохранить без форматирования, используя Ctrl+k Ctrl+Shift+S. Опять же, это будет временное решение.

Решение 2.0

---

Вы должны проверить наличие добавленных плагинов и удалить их, чтобы функция сохранения VSCode работала должным образом.

Решение 2.1

---

Нажмите CTRL+SHIFT+P, введите «Formatter», и вы должны увидеть параметр, который говорит Formatter Config.

После выбора этого параметра открывается файл с именем formatter.json, и все, что вам нужно сделать, это изменить свойство (с именем onSave) с истинного на ложное.

Перезапустите 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. Изменение этого на правильный синтаксис исправило все проблемы.