[Основы HTML и CSS] Урок 1. Установка редактора кода Visual Studio Code

Опубликовано: 06 Август 2024
на канале: {WEB PRO} - Школа веб-разработки, создание сайтов
2,991
102

Расскажу, как установить и настроить редактор кода Visual Studio Code, а также подключить полезные расширения.

🚀 НАЧНИ ОБУЧЕНИЕ В ШКОЛЕ WEB PRO. Получить первый урок, тест и домашнее задание можно совершенно бесплатно по ссылке ниже:
https://t.me/webproschool_bot?start=l...

💬 Присоединяйся к нашему чату веб-разработчиков:
https://t.me/webproschool_chat

❤️ Сохрани этот плейлист с уроками по HTML и CSS, тестами и практикой:    • Курс по основам HTML и CSS с тестами и пра...  

💙 Мы в VK:
https://vk.com/webproschool

Ссылка на редактор кода VS Code: https://code.visualstudio.com/
Плагины из урока:
1. Live Server - показывает результат работы (не забудь включить "автосохранение" во вкладке "файл")
2. Auto Rename Tag - позволяет переименовывать одновременно открывающий и закрывающий теги
3. eCSStractor for VS Code - копирует все классы из html в виде css селекторов.

Данный курс будет полезен всем начинающим веб-разработчикам, которые хотят узнать как создать сайт и изучить язык разметки HTML и язык стилей CSS. В ходе обучения вы сможете получить тесты и практические задания на закрепление материала.

Таймкоды:
00:00 О чём этот плейлист
00:07 Что здесь происходит?
01:40 О чём это видео
01:54 Установка редактора кода
02:11 Настройка и установка расширений
02:50 Демонстрация работы Live Server
03:08 Демонстрация работы Auto Rename Tag
03:28 Демонстрация работы eCSStractor
03:56 Что будет дальше