ТОП 10 плагинов в VS Code для верстальщика ⧸ Мои расширения для Visual Studio Code
В этом видео я покажу вам свой список плагинов для VS Code. Подробно расскажу о каждом расширении для Visual Studio Code, которые использую при вёрстке в данном редакторе кода.
В данном видео я отвечу на следующие вопросы:
► Как ускорить написание кода с помощью сокращений в vscode?
► Какая тема у меня установлена в vs code?
► Как быстро скопировать классы из html кода в css?
► Как включить автообновление страницы при любом изменении в visual studio code?
► Как переименовать открывающий и закрывающий теги одновременно?
► Как не запутаться где и какой тег закрывается в коде?
🚀 НАЧНИ ОБУЧЕНИЕ В ШКОЛЕ WEB PRO. Получить первый урок, тест и домашнее задание можно совершенно бесплатно по ссылке ниже:
✅ Также на канале выходит серия видеороликов по верстке и программированию адаптивного макета Velocity с самого нуля с подробными объяснениями, вот ссылка на плейлист:
❗️САМЫЕ ПОЛЕЗНЫЕ КАНАЛЫ ДЛЯ ВЕРСТАЛЬЩИКОВ:
💜 Сайт школы WEB PRO
🎁 Весь список расширений, а также ссылки на сайт с сокращениями Emmet, на открытие Live Server и другие полезные материалы из видео вы можете найти здесь:
Ищи школу WEB PRO в соц. сетях:
🚀 Группа ВК:
🔥 Телеграм канал:
💬 Телеграм чат для общения веб-разработчиков:
🔔 Бонусные материалы и уведомления от школы:
Таймкоды:
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 - позволяет быстро распечатать переменную в ()
21:21 Когда следующее видео?
Начни путь веб-разработчика уже сегодня! 👨💻
С вами был Никита Щегольков, школа веб-разработки Веб Про. Увидимся! 🙋♂️
Данные видеоуроки были бы интересны всем, кто ищет: верстка сайта с нуля, extensions for vs code, расширения для vs code, плагины для редактора кода.
#vscode #webpro #вебпро #расширенияvscode #редакторкода #visualstudiocode #emmet #ecsstractor #liveserver #расширениядляредакторакода #плагиныvscode #плагиныдляредакторакода #extensionsforvscode #web
41 view
1310
354
4 weeks ago 00:04:49 1
Play To Earn🔥This New Play to Earn Game is About to Make a Lot of People RICH
1 month ago 00:39:12 1
Самый Опасный Человек на Планете - Джон Джонс | Документальный Фильм 2024 @Main_Card
1 month ago 00:19:15 1
ТОП САЛАТОВ НА НОВОГОДНИЙ СТОЛ! Вкуснейшие и красивейшие салаты которые порадуют ваших гостей!
1 month ago 00:19:09 1
Самый НОВЫЙ МАРКЕТИНГ ПЛАН Гринвей | GREENWAY GLOBAL 2024
1 month ago 01:11:24 1
ТОП 10 ЛУЧШИХ БЕСПРОВОДНЫХ НАУШНИКОВ ДО 10000 РУБЛЕЙ 2024 ГОДА 🔥 ВЫБОР ПОКУПАТЕЛЕЙ
1 month ago 00:00:00 1
😊стрим Counter-Strike 2 мм напарники учусь по новой игра в кс 2 #short
1 month ago 00:00:31 1
Тот самый чел, который говорит что он “топ 1 холиворлда“
1 month ago 00:13:38 1
КАК ИГРАТЬ В ДОТУ 2 С НУЛЯ | Гайд
1 month ago 00:12:46 1
Взрыв климатической бомбы в Америке. Снег метель США Наводнение Испания Ураган Куба Тайфун Филиппины
1 month ago 01:04:51 18
Half in the Bag: Top 10 Horror Movies (2024) Part 2
1 month ago 00:04:06 1
Подтянуть обвисшую кожу с внутренней стороны рук, фитнес для женщин, упражнение для рук дома качать
1 month ago 00:01:02 1
Fantastic Animal Fashion Show, Fairytale Story For You, the history of the show is fictitious
1 month ago 02:40:58 1
MZLFF - из майнкрафта в батлы, сравнения с Pyrokinesis, вклад Братишкина, твич и новый альбом #vsrap
1 month ago 00:00:00 1
КРИМИНАЛЬНАЯ РОССИЯ! ХЭЛЛОУИНСКОЕ ОБНОВЛЕНИЕ! УТРЕННИЙ ПОТОКЕНС ДЛЯ БРАТВЫ! (GTA CRMP)
1 month ago 01:05:18 1
ДИКИЙ ДИРЕКТОР НОКАУТИРОВАЛ ПОКУПАТЕЛЯ. ПРИЕХАЛИ СПРОСИТЬ ЗА ПОСТУПОК. БЕСПРЕДЕЛ в ПОДМОСКОВЬЕ, Ч1
2 months ago 00:27:00 16
Шаман - EBOSHER | Бой Вечера | TOP DOG 19
2 months ago 00:10:54 1
NEW Top 14 Best Electric Mountain Bike for 2025 DIFFERENT brands | Eurobike 2024 Frankfurt
2 months ago 00:14:15 1
Это Самый Огромный и Безумный Бык за Всю Историю! Топ 10
2 months ago 00:50:22 1
🔴#DJRIDNAS - Prime Time #193 #AFROHOUSE #МУЗЫКАОНЛАЙН2024 #НОВИНКИМУЗЫКИ2024
2 months ago 02:07:07 1
Popular Top 15 Diwali Bhajans | Ganesh Laxmi Ji Ke Bhajan | Jai Ganesh Deva Aarti | Deepavali Songs
2 months ago 02:07:42 1
Слава КПСС — о свадьбе, дружбе с OG Buda, зависимости и новом лучшем альбоме