Как сделать так, чтобы в VS Code список новых тегов в html был с новой строки?

Ссылка скопирована
26 апреля 2026 1 ответ

Раньше при раскрытии команды, например, span*6, в vscode каждый элемент был на своей строке, а после переустановки все идут в одной строке. Как это можно исправить?

Как сделать так, чтобы в VS Code список новых тегов в html был с новой строки?

Дополнительно:

вероятно vscode и emmet исправились, т.к.
https://developer.mozilla.org/ru/docs/Web/HTML/Ele...
"по существу, ничего не представляет"
Попробуй покопать настройки emmet, но не факт. проще использовать span по назначению, т.е. чтобы он "ничего не представлял", а оставался для форматирования части текста в каком-то блоке

  • Александр Васильев, речь не про отображение в браузере. span, скорее, в качестве примера.
    такое же поведение и с ссылками. т.е раньше при раскрытии конструкции каждый элемент размещался на новой строке в vscode,а сейчас, как на изображении. и неважно есть вложенность или нет. почему-то некоторые элементы идут одной строкой

    Как сделать так, чтобы в VS Code список новых тегов в html был с новой строки?

    Как сделать так, чтобы в VS Code список новых тегов в html был с новой строки?

    а после сохранения картина следующая

    Как сделать так, чтобы в VS Code список новых тегов в html был с новой строки?

    предполагаю, что проблема может быть в prettier. но как его правильно настроить?

  • Анастасия, а - это тоже строчный элемент. Проще сделать один, а потом shift+alt+"стрелка вниз" копировать
    Все равно наполнение этого "а" и значение ссылок делать руками придется
  • Александр Васильев, я это понимаю)
    до переустановки все работало, как нужно
    очевидно, проблема в каком-то из расширений, нужно лишь понять, как исправить.
    в любом случае, спасибо за отклик
  • Анастасия, доставь prettier
  • https://stackoverflow.com/a/73006632
  • UPD. Нашла решение.
    Если кому-то нужно:

    в файле settings.json прописать следующую команду:

    "emmet.preferences": {       "output.inlineBreak": 1,     }

    "emmet.preferences": { "output.inlineBreak": 1, }

    Как сделать так, чтобы в VS Code список новых тегов в html был с новой строки?

    Нужно решить такую задачу?

    Опишите проблему, и специалист поможет с настройкой, исправлением ошибки или доработкой сайта. Подберём понятный план работ без лишней переписки.

    Заказать помощь
    Лучший ответ
    1
    Кирилл JS Ответ

    Для того чтобы в Visual Studio Code список новых тегов в HTML был с новой строки, вам необходимо настроить соответствующие параметры форматирования. В VS Code используется форматтер Prettier для автоматического форматирования кода, поэтому вам нужно настроить его конфигурацию.

    Вам следует открыть файл настроек Visual Studio Code (settings.json), для этого выполните следующие шаги:
    1. Нажмите на иконку шестеренки в левом нижнем углу окна VS Code.
    2. Выберите пункт "Settings".
    3. Нажмите на иконку открытой папки в правом верхнем углу окна настроек, чтобы открыть файл settings.json.

    После этого вам нужно добавить следующую настройку в файл settings.json:

    "html.format.wrapAttributes": "force-aligned"

    "html.format.wrapAttributes": "force-aligned"

    Эта настройка указывает Prettier на то, что атрибуты HTML тегов должны быть выровнены и каждый атрибут должен начинаться с новой строки.

    Сохраните файл настроек и закройте его. Теперь при форматировании HTML кода в VS Code, новые теги будут автоматически начинаться с новой строки.

    Надеюсь, данное решение поможет вам настроить форматирование кода в Visual Studio Code по вашему желанию. Если у вас возникнут дополнительные вопросы, не стесняйтесь задавать их.

    Другие ответы (0)

    Пока нет других ответов. Будьте первым, кто поможет автору.

    Ответить на вопрос

    комментарий

    Ваш адрес email не будет опубликован. Обязательные поля помечены *

    Вам также может быть интересно