Плагины VS Code для верстки

Уснановка плагинов/расширений VS Code

• Открыть список расширений. Значок    на левой боковой панели;
• В строке поиска набрать имя (или часть имяни) расширения;
• Из списка найденных расширений выбирать нужное;
• Устанавить выбранное расширение (кнопка "install"/"установить").

Список полезных плагинов

1. Russian Language Pack for Visual Studio Code (Языковой пакет для русского языка для VS Code)
   

   Устанавливает интерфейс VS Code на русский язык.

2. Auto Rename Tag (Автоматическое переименование тега)
   

   Когда вы переименовываете один HTML-тег, автоматически переименовывается парный тег HTML.

3. Live Sass Compiler (Живой компилятор Sass)
   

   Расширение VSCode, которое поможет вам компилировать / переносить файлы SASS / SCSS в файлы CSS в реальном времени.

4. htmltagwrap
   

   Для вставки одного тега внутрь другого (обернуть контент в нужный тэг).

   • Выберите один или несколько блоков текста или строк текста.
   • Нажмите Alt + W. (По умолчанию выводится тег "p").
   • Введите желаемое имя тега.
5. Bracket Pair Colorizer (Раскраска для пары скобок)
   

   Расширение позволяет идентифицировать совпадающие скобки по цвету. Это расширение особенно полезно для JavaScript.

6. Polacode (Полакод)
   

   Расширение позволяет создавать скриншоты выделенного кода.

Инструменты