[Разработчик в синей футболке сидит дома, за микрофоном и поп-щитом, украшенным логотипом GitHub Octocat. Разработчик делится своим экраном, пока не отображается на веб-камере в правом верхнем углу. На их экране отображается репозиторий GitHub под названием «js-project».]
Разработчик: Сегодня мы запустим мой JavaScript-проект в GitHub Codespaces.
[На странице репозитория над списком файлов разработчик нажимает кнопку "Код", чтобы открыть раскрывающееся меню. Они щелкните "Открыть с помощью codespaces", а затем щелкните "Создать пространство кода".
Разработчик: Поэтому при создании пространства кода у вас может возникнуть вопрос: "Что даже такое пространство кода?"
[В браузере пространство кода загружается. На белом фоне под логотипом GitHub Octocat и логотипом VS Code отображается текст «Подготовка вашего codespace».
Разработчик: пространство кода — это мгновенное облачное окружение разработчика, где мы можем запускать, тестировать, отлаживать, отправлять: все, что мы используем для выполнения в среде разработки, но без какой-либо настройки компьютера, которую мы используем для локального выполнения.
[Пространство кода открывается в веб-редакторе 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.