Как в vscode быстро отформатировать html цифрами?

В Visual Studio Code (VSCode) есть несколько способов отформатировать HTML код с использованием чисел для удобства чтения. Предлагаю рассмотреть два из них: использование встроенных функций форматирования и настройку расширения Beautify.

  1. Использование встроенных функций форматирования:

VSCode имеет встроенную функциональность форматирования HTML кода, которая позволяет отформатировать код с использованием цифр для создания отступов.

  • Выделите весь HTML код, который вы хотите отформатировать.
  • Нажмите правую кнопку мыши и выберите опцию "Format Document" в контекстном меню, либо нажмите сочетание клавиш "Shift + Alt + F" на клавиатуре.
  • VSCode автоматически отформатирует ваш HTML код, добавляя отступы и используя цифры для отображения вложенности.
  1. Установка расширения Beautify:

Установка и настройка расширения Beautify позволит вам форматировать HTML код с использованием цифр в соответствии с вашими предпочтениями.

  • Откройте VSCode и перейдите во вкладку "Extensions" (Расширения) в левом меню.
  • В поисковом поле введите "Beautify" и найдите расширение "Beautify - Code Formatter" от автора "HookyQR".
  • Щелкните по расширению, чтобы установить его.
  • После установки, перезапустите VSCode.
  • Выделите HTML код, который вы хотите отформатировать.
  • Нажмите правую кнопку мыши и выберите опцию "Format Document with..." (Отформатировать документ с...) в контекстном меню.
  • В открывшемся подменю выберите "Beautify" (или любую другую доступную опцию форматирования, связанную с Beautify).
  • VSCode автоматически отформатирует ваш HTML код с использованием цифр для отображения вложенности.

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