GitHub выпустил веб-редактор кода: возможности, о которых вы могли не знать
Начинающим программистам часто сложно настроить среду разработки и установить весь необходимый софт. Для них, а также для специалистов, которые работают в распределенных командах, GitHub запустил новый сервис github.dev. Разработчик Microsoft Джонатан Картер рассказал, как им пользоваться и добиться максимальной эффективности.
Как запустить github.dev
Откройте любой репозиторий на GitHub и нажмите на клавиатуре точку. Это позволит открыть код в особой версии VS Code прямо в браузере.
Источник: twitter.com
Альтернативный вариант – поменять расширение .com на .dev в адресной строке. Наконец, если нажать точку при просмотре отдельного файла из репозитория, веб-интерфейс также откроется. И если перед этим вы выделили несколько строк кода, редактор сразу перейдет к ним, а ссылкой с указанием на конкретный фрагмент можно будет поделиться с коллегами.
Удобно запускать github.dev и при просмотре пулл-реквестов. Если во время их анализа нажать точку, пулл-реквесты будут показаны в редакторе в многофайловом представлении.
Источник: twitter.com
Как и в среде разработки VS Code, в github.dev можно менять настройки: включить темную или светлую тему, установить удобные сочетания клавиш, сохранить сниппеты, поменять значки файлов и др. Редактор умеет синхронизироваться с установленным VS Code и средой разработки Codespaces, чтобы программировать где угодно в привычном окружении.
Какие расширения сделают работу комфортнее
Расширения для десктопной версии VS Code можно использовать и на github.dev практически без ограничений – по крайней мере, те, которые могут обойтись без сохранения больших объемов данных на локальную машину. Вот несколько примеров:
- CodeSwing пригодится для создания рабочих прототипов и экспериментального кода. Это расширение – песочница, в которой удобно изучать новые языки программирования и библиотеки. Но в случае с github.dev вы также сможете сразу сохранять результаты из CodeSwing на GitHub и использовать привычные настройки редактора.
- Code Runner умеет запускать код на нескольких десятках языков. Также он поддерживает пользовательские команды и в простых проектах позволяет отказаться от компиляторов и интерпретаторов.
- Pydiode запускает код на Python прямо в браузере. Расширение предназначено для Jupyter Notebook и других подобных блокнотов – файлы для них, например, с расширением .ipynb, можно открыть в github.dev, чтобы отдалить код, посмотреть кешированные результаты вывода и содержимое ячеек.
- GistPad – расширение для работы с гистами: фрагментами кода, сниппетами, конфигурациями или заметками. Инструмент позволяет открывать, создавать, удалять, делать форки, создавать списки и репозитории, а также редактировать файлы без клонирования и делиться ими.
- GitLens – Git supercharged расширяет возможности работы с Git-репозиториями, встроенные в Visual Studio. С ним удобно визуализировать авторство кода с помощью аннотаций, плавно перемещаться по проекту и исследовать его, задействовать мощные команды сравнения и лучше понимать написанное.
- Prettier – Code formatter помогает придерживаться единого стиля форматирования кода, описанного набором жестких правил. Расширение анализирует код и исправляет ошибки в выделенных строках или во всем файле.
Вы также можете самостоятельно создать расширения для VS Code и использовать их на github.dev. VS Code API – это коллекция простых JavaScript API с достаточно подробной документацией.
Какие визуальные инструменты повысят эффективность разработки
- Marp – markdown-редактор для создания слайдов. Им удобно пользоваться для подготовки презентаций и инструкций. Расширение поддерживает темы, автодополнение строк, подсказки, локальные и глобальные директивы.
- WikiLens – расширение, которое позволит редактировать wiki-документацию примерно так же, как в Roam или Obsidian. Таким образом, работать с базами знаний можно, не выходя из привычного VS Code.
- CodeTour – позволит провести виртуальную экскурсию по вашему репозиторию. Это поможет познакомить новых участников команды с проектом, чтобы они могли быстрее приступить к разработке.
Источник: twitter.com
- Bracket Pair Colorizer 2 пометит определенным цветом каждую пару открывающих и закрывающих скобок. Это поможет быстрее найти ошибки в коде и сократить время отладки.
- Better Comments сделает комментарии в коде нагляднее и понятнее. Оно позволяет разделить их на группы, чтобы, к примеру, выделить TODO или оповещения.
- Draw.io помогает создавать и редактировать диаграммы. Результаты сохраняются с расширениями png или svg.
Luna Paint предназначено для работы с изображениями. Открывать Paint, чтобы быстро что-то набросать, теперь вовсе не обязательно.
См. также
Национальный удостоверяющий центр наладил выпуск TLS-сертификатов
вчера в 17:05 400 VKuser24342747 0
Минцифры запустит программу вознаграждения за поиск багов в госсистемах
вчера в 13:20 586 VKuser24342747 1
Банк России добавил поддержку NFC-технологии в Систему быстрых платежей
20.05.2022 3445 VKuser24342747 3
GitHub до конца 2023 года полностью перейдет на двухфакторную аутентификацию
12.05.2022 4340 VKuser24342747 0
В России создан алгоритм принятия решений о необходимости обновления критичного ПО
21.04.2022 2498 VKuser24342747 0
ИТ-отрасль представила Минцифры список приоритетных направлений поддержки
15.04.2022 2863 VKuser24342747 1
В России разработали открытую операционную систему «Фантом» на собственном микроядре
02.02.2022 6421 user1015646 2
Let's Encrypt отозвал 2 миллиона сертификатов из-за нарушений в коде
02.02.2022 6238 VKuser24342747 0
Google представила новый сервис на замену непопулярной технологии FLoC
01.02.2022 7406 VKuser24342747 0
Samsung разработала модуль биометрической аутентификации для смарт-карт
28.01.2022 7496 VKuser24342747 0
Apple отложила требование об обязательном удалении аккаунтов в приложениях
27.01.2022 11206 VKuser24342747 0
Минцифры разработает единый стандарт для умных многоквартирных домов
24.01.2022 6771 VKuser24342747 0
Visa разработала способ превратить почти любое устройство в POS-терминал
21.01.2022 8468 VKuser24342747 0