Codespaces от Github

IDE как услуга, доступная в вашем браузере

Место для вашего кода

Github Codespaces - это относительно новая функция, разработанная Github, которая предлагает вам IDE прямо в браузере для ваших репозиториев. Базовая технология основана на «Редакторе Монако», разработанном Microsoft. Возможно, вы не слышали о редакторе Monaco Editor, но наверняка знаете один из продуктов, созданных на его основе: Microsoft Visual Studio Code!

Поскольку «Редактор Монако» основан исключительно на веб-технологиях, его можно использовать, так сказать, непосредственно в браузере. А поскольку Codespaces разрабатывается Github, у вас есть доступ ко всем своим репозиториям без предоставления доступа к ним сторонней компании.

Обратите внимание, что «Github Codespaces» в настоящее время находится в закрытой бета-версии, поэтому вам необходимо получить доступ, чтобы использовать его. К счастью, я один из разработчиков, которых разблокировали, так что давайте взглянем на эту захватывающую новую функцию!

Использование для реальных приложений

В этой статье я использовал Github Codespaces с репозиторием, в котором размещено это очень прогрессивное веб-приложение, которое вы сейчас просматриваете.

Запуск редактора предельно прост: вы просто переходите к просмотру «Код» своего репозитория, откуда вы можете выбрать «Открыть с помощью пространств кода». Это действие запускает редактор в размещенной среде в поддомене на «github.dev». Если вы решите войти в систему с учетной записью, которую используете в Visual Studio Code для синхронизации настроек, все ваши расширения и настройки загружаются автоматически. В общем, адаптация и время для начала кодирования заняли у меня всего несколько секунд, что действительно впечатляет.

Image 6d64af0ae95a

Image a8325fe78b0b

Вы получаете полную среду кодирования: все ярлыки из Visual Studio Code также доступны в Github Codespaces. То же самое и с автозавершением кода, которое работает очень хорошо, хотя и не так быстро, как в локальном редакторе.

Image 6cb7fedf63ae

У вас есть полный доступ к вашему терминалу, а также полный доступ к файловой системе! А управление репозиторием с помощью git осуществляется на 100% так же, как и в локальном экземпляре Visual Studio Code. Вы можете запускать все известные команды git, что является важной функцией при работе с реальным кодом.

А что с localhost?

Все это звучит очень красиво, но, помимо кодирования, можете ли вы запустить свое приложение и на локальном хосте? Да, это абсолютно возможно, и то, как Github интегрировал его, очень хорошо работает в моем реальном использовании!

Когда вы запускаете свой локальный хост, Github Codespaces определяет, что вы хотите сделать, и предлагает вам открыть новую вкладку, где вы можете использовать localhost. Конечно, в URL-адресе доступен не локальный хост, а пользовательский сайт, созданный специально для Github Codespaces, который находится в домене «githubpreview.dev». Он эффективно туннелирует ваш локальный хост на этот конкретный URL-адрес, чтобы вы могли использовать его для разработки.

Image 3b5575565126

Image 959ec6472b6c

Этот URL-адрес доступен не для всех, поэтому доступ есть только у вас во время разработки. Чтобы открыть прокси-сервер localhost, вы должны войти в систему с разрешенной учетной записью.

Управление секретами

Если вы хотите безопасно использовать секреты в переменных среды, это хорошо. Просто перейдите на страницу настроек Github и выберите в меню «Codespaces». Здесь вы можете определить доступные секреты для использования в ваших репозиториях.

Image 7de2a69a3da6

Доступ к более чем одному репо

Дополнительная функция, которая может не работать с Github Codespaces, - это одновременное использование различных репозиториев для работы вашего сервиса. Допустим, вы управляете репозиториями «frontend» и «api» и нуждаетесь в том, чтобы они оба запускались локально, чтобы вы могли их разработать. К счастью, Github Codespaces даже поддерживает эту функцию. Вы можете выбрать один из доступных вариантов прямо в настройках Github.

Image de87784a603e

Заключение

Использование Github Workspaces - очень приятный опыт разработки. Первоначально я думал использовать его только для этой статьи, но после написания кода, который я действительно буду использовать в своем веб-приложении, я уверен, что Github Workspaces - серьезная альтернатива вашей локальной среде IDE. Поскольку ваше рабочее пространство полностью размещено в облаке, установка зависимостей происходит безумно быстро. Состояние вашей работы всегда остается таким, каким вы ее оставили, что позволяет избежать лишнего времени на локальную настройку новых устройств. Я очень впечатлен продуктом и с этого момента буду использовать его гораздо чаще, особенно при работе на слабых устройствах, таких как мой старый MacBook.

Предложения

Связанные

Приложение

Языки