1,0×
893 просмотра · 4 месяца назад
00:00/30:16
Скачиваем и устанавливаем VS Code.
Описание
Visual Studio Code. Настройка, установка, плагины. Подробный гайд VS Code за 30 минут. VS Code видео обучение.
4 месяца назад • 893 просмотра3 поставили "Нравится"
Мы с вами подготовим и настроим редактор кода - Visual studio code к работе.Все темы разбираемые в видео указаны в - Timecode.
Тайм коды:
00:00:00 - Скачиваем и устанавливаем VS Code.
00:03:31 - Расширения для VS Code.
00:10:42 - Как работает проводник и что такое рабочая область.
00:20:21 - Форматирование кода в VS Code.
00:26:44 - Полезные возможности VS Code.
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
Скачать редактор кода можно по следующей ссылке: code.visualstudio.com/
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
В видео мы с вами установим следующие расширения:
- Russian Language Pack for Visual Studio.
- Live Server.
- Material Icon Theme.
- Material Theme.
- Ayu.
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
Code Formatting Shortcut:
Visual Studio Code on Windows - Shift + Alt + F
Visual Studio Code on MacOS - Shift + Option + F
Visual Studio Code on Ubuntu - Ctrl + Shift + I
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
Названия свойств которые понадобятся для настройки форматирования кода:
1) Format on save.
2) Auto save.
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
1) Справочник по EMMET:
webdesign-master.ru/...css/2.html
2) Изменение масштаба: Ctrl +/ Ctrl -
3) Открытие, скрытие левой панели: Ctrl + B.
4) Перенос текста на новую строку: Alt + Z.
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
Также будем рады видеть вас в наших сообществах:
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
Вконтакте: vk.com/web__skills
Telegram канал: t.me/web_skills
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::