VS Code Полный Курс для JavaScript разработчиков

preview_player
Показать описание

Получить профессию Frontend разработчика -

Roadmap по каналу:

Полный курс по VSCode
Внутри разберем все, что нужно для комфортной и быстрой разработке в этом редакторе: все меню, клавиши, темы, настройки, расширения, сниппеты, работа с Git, дебаг и многое другое

Таймкоды:
00:00 - Введение
04:50 - Интерфейс
16:15 - Intellisense
27:09 - Настройки
37:55 - Горячие клавиши
49:25 - Плагины
1:10:48 - Сниппеты
1:17:24 - Дебаг
1:22:21 - Работа с Git и Github
Рекомендации по теме
Комментарии
Автор

Спасибо за курс!
Я думаю, что очень много людей из твоего комьюнити были бы рады увидеть такой же курс по WebStorm :)

dmytrochekhuta
Автор

Спасибо за курс!
Очень жду курс по WebStorm!!

frixaco
Автор

Я относительно не долго на канале, но хочу сказать то что лежит на душе— автор, большое тебе спасибо, такая кладезь знаний да еще и бесплатно, успехов тебе во всех сферах!

theholdfingersteam
Автор

Просто пишу комент, чтобы поддержать автора! Мотивируя на новые видео и вы ребята не стесняйтесь! Спасибо за работу!

hollywood
Автор

Впервые попад на премьеру и я пишу давно на vs code, мне нравится, как раз ждал видео о нём от тебя! Благодарю!

fallenstar
Автор

По этой программе можно еще 2 таких же видео снять, чтобы зацепить все то, что используется в работе.
Немного добавлю:
Размер шрифта меняется зажатый Ctrl+колесико мышки.
Вместо toggle zen mode предпочитаю полноэкранный режим - F11
Для просмотра markdown есть кнопка справа вверху, чтобы не лезть в Ctrl-Shift-P
Тема(любимая) - Night Owl
Шрифты интересные 'JetBrains Mono', 'Cartograph Mono CF', 'Fira Code', 'Dank Mono', 'Droid Sans Mono', 'monospace', monospace, 'Droid Sans Fallback'
Import costs у меня не работает если в коде используешь obj?.field1?.field2 и другие фишки ES2020. Если знаете как решить, напишите.
Снипеты есть готовые в расширениях типа ES6 code snippets, которые покрывают 90% потребностей, лучше начать с них, а потом уже свои писать.
Расширения(самые крутые) - Turbo console log, Git Graph, Git lens

eugene
Автор

Спасибо, Владилен! Формат очень полезен. Присоединяюсь к пожеланиям за WebStorm.

dmitriyegorov
Автор

Спасибо большое. Начал пользоваться VS Code-ом недавно, но даже не подозревал о таких мощных возможностей данного редактора.

sorboni.
Автор

Господи, ты лучший, очень крутые курсы, ничего лишнего, все по сути.

ДаниилЖиганов-юм
Автор

Отличная работа. Всё внимательно посмотрел. Спасибо. Очень доходчиво объяснил. Получается у тебя, действительно))

pachimu
Автор

Лооол) Я как раз думал что пора бы нормально свой редактор насетапать и тут такой праздник! Спасибо огромное!)))

unknownWakeborder
Автор

спасибо огромное! Супер видео. Класс! Молодец автор! Больше, больше надо подобных видео!

АлександрТкаченко-пф
Автор

Владилен, отдельное спасибо за таймкоды, ты лучший

xqz
Автор

Владилен, курс по Webstorm был бы очень кстати. Недавно на него перешёл, очень нравится :)

МовсарХалахоев
Автор

Спасибо за видео ! Наконец то открыл для себя vscode, а то по старинке на nodepad++ писал) Хорошая подача материала😉

Dedal
Автор

спасибо за отличный контент, я сам работаю на php storm, решил пробовать альтернативу! больше всего понравилось открытие 3-х, 4-х окон сразу на экране, бывает это очень нужно!

mikhailurban
Автор

Ну здесь одного лайка мало, огромное спасибо - заново открыл для себя VS code.

ДмитрийБогдан-бд
Автор

классное видео, хотя некоторые штуки не до конца раскрыты. Например про плагины сказано очень мало.
Советую установить:
- Path Autocomplete
- Sass
- Sass Formatter
- Live Sass Compiler (компилит также scss)
- Code Runner
- JavaScript (es6) code snippets
- Когда-то создал тему Vuewave dark, так что кому понравится - скачивайте и ее ;))

Для разработки фронта под ларавель:
- Laravel Blade (amirmarmur) или Laravel Blade Snippets(Winnie Lin)
Версия со сниппетами иногда не очень хорошо отрабатывает к примеру со строками вида @php (и некоторыми другими штуками) ... Если их не закрывать, то плагин считает это за ошибку и подсветка синтаксиса слетает на файле.
Не забудьте добавить в settings json строку "emmet.includeLanguages": {"blade": "html"}, для поддержки еммета в blade файлах.
- Laravel Blade Spacer (a.cameron)
- laravel-goto-controller

comebackhome
Автор

Спасибо, у вас здорово получается. Особое спасибо за то, что повторяете некоторые моменты, для совсем зеленых, как я, это важно.

alianmanpi
Автор

Соскучился по вам!)
На канале скоро 100к человек, предлагаю сделать трансляцию и обо всем пообщаться как в старые добрые)

VladilenMinin