[Разработчик носить синюю футболку сидит дома, за микрофоном и поп-щитом, украшенным логотипом Октоката GitHub. Разработчик делится своим экраном, пока не отображается на веб-камере в правом верхнем углу. На экране они смотрят на репозиторий GitHub под названием "js-project".
Разработчик: Итак, сегодня мы будем запускать проект JavaScript в GitHub Codespaces.
[На странице репозитория над списком файлов разработчик нажимает кнопку "Код", чтобы открыть раскрывающееся меню. Они щелкните "Открыть с помощью codespaces", а затем щелкните "Создать пространство кода".
Разработчик: Поэтому при создании пространства кода у вас может возникнуть вопрос: "Что даже такое пространство кода?"
[В браузере пространство кода загружается. На белом фоне текст "Подготовка пространства кода" отображается под логотипом Octocat GitHub и логотипом VS Code.]
Разработчик: пространство кода — это мгновенное облачное окружение разработчика, где мы можем запускать, тестировать, отлаживать, отправлять: все, что мы используем для выполнения в среде разработки, но без какой-либо настройки компьютера, которую мы используем для локального выполнения.
[Пространство кода открывается в веб-редакторе VS Code в браузере, выполняя темную тему. Каталоги и файлы из репозитория отображаются на левой боковой панели. В интегрированном терминале сообщение говорит: "Добро пожаловать в пространства кода", а списки включают среды выполнения и инструменты.]
Разработчик: Поэтому при создании этого пространства кода вы увидите, что мы приземлимся на компьютере, который уже настроен, и он имеет Python, Node, Docker и еще больше, поэтому он имеет такие инструменты, как Java и Rust и Go и C++.
Но вы увидите, что мы приземлились на изображении по умолчанию. Отличное в кодовых пространствах — вы можете полностью настроить настройку, а не только для вас, но и для всех остальных, кто поставляется в этом репозитории. Таким образом, можно настроить программу "config-as-code", которая позволяет использовать собственный образ, Dockerfile или Docker Compose.
Так что для нашего приложения мы на самом деле просто будем идти вперед и начать его. Так что я буду работать npm start здесь, и вы увидите, что мы сказали, что наше приложение работает на порту 3000, и мы можем открыть его в браузере и безопасно подключиться к переадресованный порт, который имеет наше приложение полностью и запущено.
[Всплывающее окно отображается для переадресованного порта. Во всплывающем окне разработчик нажимает кнопку с надписью "Открыть в браузере". Откроется новая вкладка браузера с веб-страницей с заголовком "Haikus для Mona". На веб-странице изображение мультфильма показывает мрачный Мона Октокат пропускает лужу с фиолетовым зонтиком. Под изображением хайку: "Дождь в Сиэтле. Не забывайте о зонтике, или это будет мрак."
Разработчик: Поэтому вы увидите здесь мое приложение Node, запущенное и подключенное к пространству кода. И это заняло около 60 секунд, чтобы настроиться в пространствах кода.
[Разработчик прокручивает изображение Моны ткнуть рекорд игрок с ее щупальцем.]
Разработчик: Поэтому вы можете представить, что это полностью настроено, чтобы действительно сократить время установки для действительно каждого репозитория, который у вас есть.
И это краткий обзор GitHub Codespaces.
Конец расшифровки. Дополнительные сведения о GitHub Codespacesсм. в документации по GitHub Codespaces.