Настройка VSCode и Dev Tools
Загрузка VSCode: https://code.visualstudio.com/download
Документация / Вводные видео: https://code.visualstudio.com/docs/getstarted/introvideos
Быстрые клавиши (надо нажать на свою платформу, например Windows, откроется pdf): https://code.visualstudio.com/docs/getstarted/keybindings#_keyboard-shortcuts-reference
Список базовых функций управления и навигации (например, копировать - вставить): https://code.visualstudio.com/docs/getstarted/keybindings#_basic-editing
Популярные расширения для VSCode для работы на старте:
Auto Close Tag - закрывает второй тег при написании вручную;
Auto Rename Tag - переименовывает второй тег автоматически;
Bracket Pair Colorizer - раскрашивает открывающие и закрывающие фигурные и круглые скобочки в визуально отличимые цвета при вложенности;
CSS Peek - переход на класс связанных html и css путем нажатия ctrl + мышь;
Git Graph - графическое отображение локального гит-репозитория;
HTML CSS Support - дополнительные необходимые атрибуты при автоматическом создании тегов;
Live Server - открывает локальный сервер, что упрощает работу в браузере;
open in browser - добавляет в меню опцию "открыть в браузере";
Shell Launcher - позволяет удобно работать с несколькими терминалами;
Visual Studio IntelliCode Insiders - интеллектуальный помощник, улучшенные подсказки, ctrl + пробел;
vscode-icons - заменяет иконки на более понятные, распознает почти все типы файлов.
Dev Tools (F12 в браузере) вкладки, которые могут быть полезны:
Elements - набор html структуры, соответствующей отображаемой странице;
(Elements) Styles - стили элементов в формате CSS;
(Elements) Computed - рассчитанные или подставленные самим браузером стили;
Console - консоль вывода JavaScript команд и результатов;
Sources - Отображает файлы, относящиеся к странице, а также позволяет их найти;
Ресурсы с которыми мы работали онлайн:
codepen.io - html, css, js связанные области с окном отображения и консолью в рамках одного окна браузера;
jsfiddle.net - аналог codepen;
stackblitz.com - онлайн аналог VSCode. Но сначала рекомендую все же разобраться с VSCode на десктопе.
Что делает видео по-настоящему запоминающимся? Наверное, та самая атмосфера, которая заставляет забыть о времени. Когда вы заходите на RUVIDEO, чтобы посмотреть онлайн «Настройка VSCode и Dev Tools», вы рассчитываете на нечто большее, чем просто загрузку плеера. И мы это понимаем. Контент такого уровня заслуживает того, чтобы его смотрели в HD 1080, без дрожания картинки и бесконечного буферизации.
Честно говоря, Rutube сегодня — это кладезь уникальных находок, которые часто теряются в общем шуме. Мы же вытаскиваем на поверхность самое интересное. Будь то динамичный экшн, глубокий разбор темы от любимого автора или просто уютное видео для настроения — всё это доступно здесь бесплатно и без лишних формальностей. Никаких «заполните анкету, чтобы продолжить». Только вы, ваш экран и качественный поток.
Если вас зацепило это видео, не забудьте взглянуть на похожие материалы в блоке справа. Мы откалибровали наши алгоритмы так, чтобы они подбирали контент не просто «по тегам», а по настроению и смыслу. Ведь в конечном итоге, онлайн-кинотеатр — это не склад файлов, а место, где каждый вечер можно найти свою историю. Приятного вам отдыха на RUVIDEO!
Видео взято из открытых источников Rutube. Если вы правообладатель, обратитесь к первоисточнику.