GitHub выпустил веб-редактор кода: возможности, о которых вы могли не знать

10.09.2021      46715

Начинающим программистам часто сложно настроить среду разработки и установить весь необходимый софт. Для них, а также для специалистов, которые работают в распределенных командах, 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, чтобы быстро что-то набросать, теперь вовсе не обязательно.


Автор:
Обозреватель


Комментарии
Подписаться на ответы Инфостарт бот Сортировка: Древо развёрнутое
Свернуть все
1. v1d 06.11.22 19:44 Сейчас в теме
Удобства это хорошо. Только в облаках Вам ничего не принадлежит.
Разорвать порочный круг монополии можно зеркалами в других распределенных системах хранения файлов.
Оставьте свое сообщение

См. также

«Сколково» объявил отбор перспективных ИИ-проектов для получения грантов

Новость Искусственный интеллект ИТ-Новость

В 2024 году «Сколково» выделит пилотным проектам в сфере искусственного интеллекта гранты на общую сумму 554 млн рублей. В результате отбора финансирование получат проекты с применением ИИ в областях производства, операционной деятельности и в работе предоставляемых сервисов.

12.04.2024    738    AnastasiaKl    3       

3

В программу подготовки спортивных программистов вошли бег и скорость печати

Новость ИТ-Новость

Пятничное: в России вступил в силу стандарт подготовки по дисциплине «спортивное программирование». В стандарт вошли требования к физическим показателям спортсменов и скорости набора текста.

16.02.2024    781    VKuser24342747    2       

1

Росстандарт утвердил протокол LoRaWAN для интернета вещей

Новость ИТ-Новость

Федеральное агентство по техническому регулированию и метрологии (Росстандарт) утвердило национальный стандарт протокола LoRaWAN RU, таким образом он получил официальный статус. Технология используется для беспроводной передачи данных между устройствами интернета вещей.

19.01.2024    562    VKuser24342747    0       

2

Новый закон откладывает на год вступление в силу изменений в порядок регистрации на сайтах

Новость Законодательство ИТ-Новость

12 декабря вступил в силу Федеральный закон, меняющий срок, к которому все владельцы сайтов должны внести изменения в порядок авторизации пользователей на сайте. Закон вводит переходный период до 1 января 2025 года.

20.12.2023    720    VKuser24342747    2       

1

Вышло крупное обновление для Android Studio

Новость Мобильные приложения ИТ-Новость

Новая версия Android Studio под номером 2023.1 получила имя Hedgehog. Появились возможности контролировать производительность приложений и управлять подключенными устройствами.

07.12.2023    919    VKuser24342747    2       

3

GitHub опубликовал результаты ежегодного исследования проектов с открытым исходным кодом

Новость GitHub ИТ-Новость

GitHub собрал данные об Open Source проектах в рамках ежегодного исследования Octoverse. Компания изучила географию репозиториев, используемые языки программирования и нейросети, а также активность сообщества.

15.11.2023    579    VKuser24342747    1       

2

Некоммерческие проекты смогут получить бесплатный доступ к GigaChat API

Новость ИТ-компания ИТ-Новость

Компания «Сбер» заявила, что будет бесплатно предоставлять доступ к API нейросети для генерации текста GigaChat для некоммерческих проектов. Однако для них будет ограничено число доступных токенов.

01.11.2023    729    VKuser24342747    2       

3

Состоялся релиз свободной среды разработки Geany 2.0

Новость ИТ-Новость Программист

Вышла новая версия Geany 2.0. Обновление затронуло внешний вид программы, расширило поддержку файлов и сторонних проектов, добавило новые способы работы с кодом.

25.10.2023    766    VKuser24342747    0       

1

Минцифры подготовило критерии по выбору оператора реестра провайдеров хостинга

Новость Минцифры ИТ-Новость Роскомнадзор

Минцифры подготовило проект постановления, которое утверждает требования к организации, претендующей на статус оператора реестра провайдеров хостинга.

25.10.2023    418    VKuser24342747    0       

1

Минцифры составило алгоритм действий для компаний, у которых не работает VPN

Новость Минцифры ИТ-Новость

Минцифры подготовило разъяснения для российских организаций, у которых возникли перебои в работе VPN-сервисов для клиентов и сотрудников из-за блокировки запрещенных ресурсов Роскомнадзором.

24.10.2023    703    VKuser24342747    0       

0

«Сбер» объявила о доступности SberLinux OS Server для российских компаний

Новость Импортозамещение ИТ-Новость

«СберТех», дочерняя компания «Сбера», объявила о предоставлении доступа к собственной серверной операционной системе SberLinux OS Server российским компаниям. ОС включена в реестр отечественного ПО.

20.10.2023    978    VKuser24342747    0       

2

Минцифры внесло изменения в проект правил идентификации клиентов веб-хостингов

Новость Минцифры ИТ-Новость Роскомнадзор

Минцифры подготовило изменения в пакет документов, которые устанавливают новые требования для провайдеров хостинга. Ведомство расширило перечень допустимых методов идентификации клиентов.

18.10.2023    506    VKuser24342747    0       

1

Google выпустила финальную версию Android 14

Новость Android Google ИТ-Новость

Google выпустила новую версию мобильной ОС Android 14. Изменения затронули настройки внешнего вида и безопасности. Были расширены возможности камеры и инструментов для хранения данных.

12.10.2023    785    VKuser24342747    0       

1

Яндекс объявил об открытии исходного кода DataLens

Новость Аналитика ИТ-Новость Яндекс

BI-система Yandex DataLens теперь развивается в опенсорс. Код продукта выложен для всех на GitHub. Любой желающий сможет развернуть DataLens на своем железе и доработать его под свои сценарии применения.

03.10.2023    1546    ЕленаЧерепнева    1       

6

Роскомнадзор создаст реестр хостинг-провайдеров

Новость Минцифры ИТ-Новость Роскомнадзор

Минцифры подготовило несколько проектов постановлений, которые утверждают правила ведения реестра поставщиков хостинг-услуг, а также новые требования к провайдерам.

02.10.2023    652    VKuser24342747    0       

1

«СберТех» представил репозиторий GitVerse с ИИ-помощником для написания кода

Новость Импортозамещение ИТ-Новость Программист

«СберТех» начал прием заявок на тестирование веб-сервиса для публикации ИТ-проектов GitVerse. Платформа подходит для разработки программ с открытым и закрытым кодом.

26.09.2023    904    VKuser24342747    2       

1

ИП и юрлица смогут использовать смартфон для создания и замены электронной подписи

Новость ИТ-Новость ФНС Цифровая подпись

ФНС внесла изменения в правила оформления электронной подписи руководителя организации и ИП. Станет возможным продлевать ее и записывать при помощи мобильного устройства.

18.09.2023    480    VKuser24342747    1       

1

Журнал IEEE Spectrum опубликовал рейтинг популярности языков программирования

Новость ИТ-Новость Языки программирования

Журнал Института инженеров электротехники и электроники IEEE Spectrum подготовил рейтинг самых популярных языков программирования в 2023 году. Статистика разделена на три категории.

01.09.2023    1404    VKuser24342747    4       

2

В бета-версии Microsoft 365 появилась поддержка языка Python для Excel

Новость ИТ-Новость Языки программирования

С помощью библиотек и средств визуализации Python можно будет манипулировать данными Excel, а затем использовать полученные результаты в формулах, диаграммах и сводных таблицах.

28.08.2023    770    VKuser24342747    0       

2

Специалисты Калифорнийского университета установили, что боты справляются с CAPTCHA лучше, чем люди

Новость ИТ-Новость

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

24.08.2023    1245    VKuser24342747    23       

2

Google Chrome начнет поддерживать квантово-устойчивые алгоритмы шифрования

Новость Google Безопасность ИТ-Новость

В версии Google Chrome 116 появится поддержка алгоритмов шифрования, устойчивых к попыткам дешифрации при помощи квантовых вычислений. Технология объединяет преимущества классической и инновационной криптографии.

24.08.2023    524    VKuser24342747    0       

1

В реестр российского ПО включен первый комплекс обработки больших данных

Новость Импортозамещение Минцифры ИТ-Новость Реестр ПО

Минцифры внесло в реестр отечественного ПО программно-аппаратный комплекс «Скала-Р», предназначенный для обработки больших данных. Это первый комплекс с таким функционалом, включенный в перечень.

22.08.2023    511    VKuser24342747    0       

1

Microsoft внедрила новые функции в GitHub Copilot и анонсировала Windows Copilot

Новость GitHub Искусственный интеллект

ИИ-помощник для разработчиков GitHub Copilot теперь не только в реальном времени анализирует код, предлагает варианты для его улучшения и помогает найти решение проблем в разработке, но и  показывает ссылки на репозитории, из которых взят код. 

17.08.2023    1255    VKuser24342747    0       

1

В JetBrains разработали ИИ-помощника для аналитиков данных

Новость Аналитика Искусственный интеллект

JetBrains представила нейросеть Ask AI для онлайн-блокнота Datalore. Виртуальный ассистент способен генерировать код на нескольких языках, предлагать доработки и упрощать процесс аналитики данных. 

16.08.2023    744    VKuser24342747    0       

1

Исследование: ChatGPT дает неправильный ответ на половину вопросов о программировании

Новость Искусственный интеллект ИТ-Новость

Чат-бот OpenAI ошибается в 52% случаев, когда отвечает на вопросы по программированию. Однако делает это так убедительно, что пользователи не замечают ошибки. 

14.08.2023    1195    VKuser24342747    5       

3