Обзор редактора VS Code, Установка, Темы, Расширения, Сниппеты

В этом видео я сделаю полный обзор на редактор кода Visual Studio Code и покажу вам его функции и возможности. Этот подробный обзор на редактор VS Code нацелен на то чтобы продемонстрировать вам на реальном примере всё на что способен редактор VS Code. Так же я покажу свой набор плагинов для Visual Studio Code и вкратце расскажу про эти плагины. Плагин Emmet в редакторе VS Code встроен по умолчанию!

Расскажу про Расширения, плагины и Темы в редакторе VS Code, которые я использую. А так же Русификация редактора VS Code, Сочетания клавиш, Подсветка скобок, Форматирование документа, Работа с GitHub, Синхронизация с браузером, Подсветка файлов Sass и Scss и подробнее про Настройки редактора VS Code, а так же Терминал в VS Code. Покажу вам Аналог cssFier для VS Code. VS HTML to CSS расширение для VS Code, которое позволяет быстро перенести селекторы из HTML в CSS.

Как создать и использовать свои сниппеты в редакторе Visual Studio Code. Сниппеты это пользовательские фрагменты кода, которые ускоряют нашу работу. С помощью сокращений можно вызывать написанный нами сниппет и тем самым вставлять большие фрагменты кода очень быстро. Редактор VS Code так же имеет возможность добавления пользовательских сниппетов и в этом видео я покажу как их создать и использовать.

00:00 Введение
01:25 Установка
02:40 Обзор
06:08 Руссификатор для VS Code
06:47 Форматирование кода Beautify
07:00 Сниппеты для Bootstrap 4
07:27 Препроцессор Sass
07:37 Компилятор Live Sass Compiler
08:09 Live Server живой предпросмотр сайта
09:55 Форматирование кода Beautify
11:00 Live Server живой предпросмотр сайта
13:43 Сниппеты для Bootstrap 4
16:17 Настройки
21:21 Множественный выбор, дублирование строк
21:55 ​Форматирование кода Beautify
22:17 Сочетания клавиш в VS Code
22:30 Форматирование кода Beautify
22:55 Поиск инструментов
24:20 Bracket Pair Colorized - Подсветка скобок
25:12 Git History Diff - Работа с GitHub
26:07 Live Server живой предпросмотр сайта
27:16 Material Icon Theme - Иконки файлов
28:08 Material Theme и про другие темы
30:24 Руссификатор для VS Code
31:06 Препроцессор Sass
31:33 Компилятор Live Sass Compiler
32:27 Настройки
35:08 Терминал в VS Code
35:52 HTML to CSS
40:11 Топ 5 тем для VS Code
43:49 Сниппеты

Донаты:
2. VISA - 4274 3200 3233 1582

#vscode #visualstudiocode #visualcode #itdoctor

[ITDoctor]

Это видео уже было на канале, но я перезалил его с улечшенным качеством звука и добавил бонусный фрагмент с информацией о темах для VS Code, которой еще не было на канале (см. таймкоды в описании видео про VS Code).

[tpgtimeplaygames]

В последнее время VS Code используют всё чаще такое ощущение, что среди бесплатных редакторов у него вообще скоро не останется конкурентов 💪

[tpgtimeplaygames]

Вот тема Monokai как то не очень в VS Code фон какой-то мутноватый и глаза от этого устают, в Sublime фон темы более четкий и черный, для глаз легче.

[minsk-mir]

28.07.2022
Beautify - не поддерживается
Emmet - там несколько видов, какой именно?

[als-creator]

можно ли live server открыть в окне редактора а не отдельно рядом распопагать? неудобно постояннно таскать окна

[hjehdkp]

Редактор автоматически добавляет пробелы в операторы ?. и ?? при сохранении файла, что вызывает ошибку в коде. Как этого избежать?