Совсем недавно GitHub выпустил инструмент на основе VS Code под названием GitHub.dev, который позволяет запускать любой репозиторий в редакторе прямо из браузера. Но, как оказалось, возможности инструмента намного шире, о чем и написал в блоге разработчик из Microsoft Джонатан Картер. Специалист изучил инструмент вдоль и поперек и поделился десятью вариантами работы с GitHub.dev, которые позволяют настраивать и создавать рабочие процессы, встроенные в GitHub, на новом уровне.
Разработчики любят персонализировать свой редактор, чтобы сделать его более эффективным, эргономичным и визуально привлекательным. Поскольку GitHub.dev основан на VS Code, на нем можно настроить «горячие» клавиши, цветовую тему, значки файлов, сниппеты и многое другое. Также можно включить синхронизацию настроек и перемещать личные настройки между VS Code, GitHub.dev и Codespaces. Таким образом, где бы вы ни читали/редактировали код, вы сразу почувствуете себя как дома.
Если выделить текст в файле и нажать .
, то при открытии VS Code выбранные ранее строки будут подсвечены. При необходимости можно скопировать URL-адрес в браузере и отправить ссылку коллегам. Они также будут видеть выделенный участок. Так можно обращать внимание товарищей по команде на конкретные строки кода.
Нажатие .
во время пул-реквеста позволяет просматривать пул-реквест, используя многофайловое представление, которое включает в себя:
Так можно уменьшить количество «поверхностных обзоров» без необходимости клонирования или переключения ветвей.
Возможности VS Code не ограничиваются редактированием текстовых файлов. При желании в редактор можно интегрировать кастомные расширения. Например, установка Draw.io позволяет просматривать и редактировать диаграммы.
А с помощью расширения Luna Paint можно редактировать изображения (PNG, JPG и так далее).
Source Control
;Изучать новую кодовую базу непросто, поскольку обычно непонятно, с чего начать и как файлы/папки связаны друг с другом. На GitHub.dev можно поставить расширение CodeTour, с помощью которого можно записывать и воспроизводить пошаговые инструкции по базам кода. Поскольку GitHub.dev доступен полностью в браузере, это позволяет любому члену команды или вашего сообщества быстро войти в курс дела, без необходимости устанавливать что-либо локально.
Гисты — это способ управления и обмена фрагментами кода, файлами конфигурации, заметками и так далее. В GitHub.dev можно установить расширение GistPad и просматривать/редактировать свои гисты. Так можно хранить фрагменты кода в нескольких репозиториях и получать к ним доступ как с десктопного редактора, так и при просмотре/редактировании кода на GitHub.
Онлайн-редакторы кода, такие как, например, CodePen и JSFiddle, часто используют для изучения языков программирования, фреймворков и библиотек. На GitHub.dev можно установить расширение CodeSwing, с помощью которого можно создавать собственные многофункциональные веб-площадки, а также исследовать и изучать имеющиеся.
Инструмент GitHub.dev также можно использовать в качестве среды для создания и просмотра личных заметок. А что бы редактировать их, автор подборки разработал расширение WikiLens. С его помощью него можно работать с заметками в стиле Roam/Obsidian поверх репозитория GitHub.
Кроме описанных выше веб-площадок для программирования, еще один популярный способ изучения кода и обмена им — использование блокнотов Jupyter. Если вы откроете файл .ipynb
в GitHub.dev, сразу сможете просмотреть ячейки и кешированные выходные данные записной книжки. Также можно установить расширениеPyodide, чтобы запускать код Python полностью в вашем браузере.
В большинство из вышеперечисленных пунктов были включены расширения, которые кто-то уже создал. Но поскольку VS Code полностью расширяем, используя простые API JavaScript можно создавать собственные расширения, поддерживающие не только VS Code, но и GitHub.dev.
Сегодня мы поговорим о том, как выбрать лучшие курсы Power BI в Украине, особенно для…
В 2023 году во всех крупнейших регионах конкуренция за вакансию выросла на 5–12%. Не исключением…
Unicorn Hunter/Talent Manager Лина Калиш создала бесплатный трекер поиска работы в Notion, систематизирующий все этапы…
Edtech-стартап Mate academy принял решение отправить своих работников в десятидневный отпуск – с 25 декабря…
Служба безопасности Украины задержала в Киеве 46-летнего программиста, который за деньги устанавливал шпионские программы и…
IT-специалист Джордан Катлер создал и выложил на Github подборку разнообразных ресурсов, которые помогут достичь уровня…