Плагіни HTML / CSS

HTML CSS Support - сніппер html та css коду

Prettier - форматування коду. Пробіли, відступи і т.д.

Formatting toggle - При зберіганні автоматично форматує у пріттер

Path Intellisense - Розширення запам’ятовує ім’я та шлях файлів у твоєму проєкті та пропонує їх у підказці

Auto Close Tag - Є досить багато парних тегів — тих що потребують відкриваючий та закриваючий тег для коректної роботи. Звісно можна забути про закриваючий тег коли пишеш код. Розширення Auto Close Tag додасть закриваючий тег при введенні. (Вже вбудований десь ввище бо і так працює)

Auto Rename Tag - При внесенні змін до тега, розширення Auto Rename Tag автоматично робить ті ж самі зміни у парному тегу. Як це працює можеш побачити у рописі розширення.

Auto Complete Tag - Допомагає завершити теги

Highlight Matching Tag - Розширення Highlight Matching Tag підсвічує відповідні відкриваючі та/або закриваючі теги. Додатково він також показує шлях до тегу в рядку стану. Як це працює можеш побачити у рописі розширення. (Вже вбудовано але ц цьому розшренні додатково підкрслює парний тег)

colorize - Вибирати автора kamikillerto Розширення colorize миттєво візуалізує кольори css у твоєму проєкті. Це розширення також шукає кольори та створює фон (використовуючи відповідний колір) для кожного зі стилів.

Gremlins tracker for Visual Studio Code - оказує потенційно проблемні символи — невидимі або небезпечні символи, як наприклад українська та англ «c» що виглядають майже однаково. неправильний тип тире (коротке, довге, дефіс), друкарські лапки та інше.

Live server - щоб відкривався файл на локалхост + автооновлення сторінки на веб сервері при оновленні

Live Preview - прямо у VSCode відразу бачити код HTML

eCSStractor for VSCode - Вміє з HTML переносити класи у css

Image preview - Показує прямо в коді мініатюру вставленного зображення