ТОП 10 плагинов в VS Code для верстальщика / Мои расширения для Visual Studio Code

В этом видео я покажу вам свой список плагинов для VS Code. Подробно расскажу о каждом расширении для Visual Studio Code, которые использую при вёрстке в данном редакторе кода. В данном видео я отвечу на следующие вопросы: ► Как ускорить написание кода с помощью сокращений в vscode? ► Какая тема у меня установлена в vs code? ► Как быстро скопировать классы из html кода в css? ► Как включить автообновление страницы при любом изменении в visual studio code? ► Как переименовать открывающий и закрывающий теги одновременно? ► Как не запутаться где и какой тег закрывается в коде? ✅ Также на канале выходит серия видеороликов по верстке и программированию адаптивного макета Velocity с самого нуля с подробными объяснениями, вот ссылка на плейлист: https://www.youtube.com/playlist?list=PLlGg_lawgIyX78pqaaROKGQ6V2q9DQIZJ ❗️САМЫЕ ПОЛЕЗНЫЕ КАНАЛЫ ДЛЯ ВЕРСТАЛЬЩИКОВ: https://t.me/addlist/yNnyx5mjWrAwYzJi ? Сайт школы WEB PRO https://webproschool.ru/ ? Весь список расширений, а также ссылки на сайт с сокращениями Emmet, на открытие Live Server и другие полезные материалы из видео вы можете найти здесь: https://t.me/prowwweb/19 Ищи школу WEB PRO в соц. сетях: ? Группа ВК: https://vk.com/webproschool ? Телеграм канал: https://t.me/webproschool ? Телеграм чат для общения веб-разработчиков: https://t.me/webproschool_chat ? Бонусные материалы и уведомления от школы: https://t.me/webproschool_bot Таймкоды: 00:00 По каким критериям я разместил места в топе? 01:00 Где находятся расширения? 01:18 Первое расширение, которое я всегда устанавливаю, - Russian Language Pack for Visual Studio Code 01:42 Emmet - предустановленное расширение, которое позволяет писать код в виде сокращений, что сильно ускоряет вёрстку 02:40 Auto Complete Tag - пакет расширений, включающий в себя сразу 2 расширения Auto Close Tag и Auto Rename Tag 03:20 Auto Close Tag - при написании открывающего тега автоматически дописывает закрывающий тег 03:50 Auto Rename Tag - при переименовании открывающего тега автоматически переименовывается закрывающий тег 04:52 Показываю работу плагина Emmet. Как можно ускорить верстку с помощью расширения Emmet 06:35 Live Server - позволяет автоматически обновлять страницу при каждом изменении кода. Демонстрация работы плагина. Как запустить локальный сервер на компьютере с помощью Live Server в редакторе кода Visual Studio Code? Что делать, если не открывается вкладка в браузере при запуске Live Server? 10:01 indent-rainbow - подсвечивает отступы (пробелы и табы) при написании кода 11:22 eCSStractor for VSCode - копирует все классы из выделенного фрагмента кода в html и переводит их в готовые селекторы для css файла. Как быстро перенести все классы из html в css? 15:04 Bracket Pair Colorizer - включает подсветку для открывающихся и закрывающихся скобок в css и js 16:09 Ayu - моя тема для visual studio code 16:55 Material Icon Theme - пак иконок для vs code 17:30 Невошедшие в мой топ расширения. Плагины, которые я использую очень редко 17:50 Code Runner - позволяет запускать javascript код в редакторе кода VS Code 18:29 CSS Peek - предпросмотр стилей css при наведении на класс внутри html кода 19:20 HTML End Tag Labels - у закрывающих тегов показывает селекторы по классу и id, чтобы можно было понять какой конкретно тег закрывается 20:08 Prettier Code formatter - позволяет отформатировать небрежный код в прилежный и удобный для чтения 20:43 Turbo Console Log - позволяет быстро распечатать переменную в console.log() 21:21 Когда следующее видео? Начни путь веб-разработчика уже сегодня! ?? С вами был Никита Щегольков, школа веб-разработки Веб Про. Увидимся! ?♂️ Данные видеоуроки были бы интересны всем, кто ищет: верстка сайта с нуля, extensions for vs code, расширения для vs code, плагины для редактора кода. #vscode #webpro #вебпро #расширенияvscode #редакторкода #visualstudiocode #emmet #ecsstractor #liveserver #расширениядляредакторакода #плагиныvscode #плагиныдляредакторакода #extensionsforvscode #web

Видео ТОП 10 плагинов в VS Code для верстальщика / Мои расширения для Visual Studio Code автора Интерактивные веб-сайты с использованием CSS