VSCode добавляет новую строку для каждого элемента

#html #visual-studio-code

Вопрос:

Я довольно новичок в VSCode и HTML. Я настроил его на сохранение в формате, и когда я это делаю, он автоматически помещает все элементы в новую строку. Прежде всего, является ли это хорошей практикой? Если так, то все в порядке. Если нет, то как мне это остановить?

Поэтому я печатаю это:

 <p> My name is <b>Bob</b></p>
 

Но он форматируется так:

 <p>
My name is
<b>Bob</b>
</p>
 

Является ли хорошей практикой форматирование кода подобным образом?

Похоже, что если бы абзац был действительно длинным с несколькими элементами внутри, то это могло бы сбить с толку, если бы в середине кода была куча новых строк.

Если нет, то как мне остановить такое форматирование VSCode?

Я установил расширение prettier, поэтому я не уверен, является ли его VSCode или более красивым, который на самом деле вносит эти изменения.

Любая помощь будет признательна!

Спасибо!

Комментарии:

1. Или вообще не используйте форматер, вы сами решаете, куда поместить разрыв строки

2. Вы можете отключить Prettier, чтобы узнать, является ли это причиной. Я не думаю, что vscode делает это сам по себе. Я также не думаю, что Симпатичнее сделает это, если у вас нет парсера, настроенного на что-то другое, чем html .

Ответ №1:

Когда вы находитесь в VSC, перейдите в…

Файл > Настройки >> Настройки >>> Текстовый редактор

Прокрутите вниз, пока не найдете: Автоматический отступ и измените значение «полный» на «нет».

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

Ссылка на расширение красивее ССЫЛКА