{"meta":{"title":"Использование кодовых пространств GitHub в Visual Studio Code","intro":"Вы можете разрабатывать в своём кодовом пространстве напрямую, Visual Studio Code подключив расширение GitHub Codespaces к своему GitHub аккаунту.","product":"Codespaces","breadcrumbs":[{"href":"/ru/codespaces","title":"Codespaces"},{"href":"/ru/codespaces/developing-in-a-codespace","title":"Разработка в codespace"},{"href":"/ru/codespaces/developing-in-a-codespace/using-github-codespaces-in-visual-studio-code","title":"Visual Studio Code"}],"documentType":"article"},"body":"# Использование кодовых пространств GitHub в Visual Studio Code\n\nВы можете разрабатывать в своём кодовом пространстве напрямую, Visual Studio Code подключив расширение GitHub Codespaces к своему GitHub аккаунту.\n\n## Об GitHub Codespaces этом Visual Studio Code\n\nВы можете использовать локальную установку Visual Studio Code для создания, управления, работы и удаления кодовых спейстэйс.\nЧтобы использовать GitHub Codespaces в VS Code, необходимо установить расширение Codespaces. Для получения дополнительной информации о настройке GitHub Codespaces в VS Codeсм. [раздел «Предварительные](#prerequisites) требования».\n\nПо умолчанию, если создать новое кодовое пространство на GitHub, оно откроется в браузере. Если вы предпочитаете автоматически открывать новые кодовые пространства, VS Code вы можете установить стандартный редактор на VS Code. Дополнительные сведения см. в разделе [Настройка редактора по умолчанию для GitHub Codespaces](/ru/codespaces/setting-your-user-preferences/setting-your-default-editor-for-github-codespaces).\n\nЕсли вы предпочитаете работать в браузере, но хотите продолжать использовать существующие VS Code расширения, темы и ярлыки, вы можете включить синхронизацию настроек. Для получения дополнительной информации см. [Персонализация GitHub Codespaces для вашего аккаунта](/ru/codespaces/setting-your-user-preferences/personalizing-github-codespaces-for-your-account#settings-sync).\n\n## Необходимые компоненты\n\nЧтобы разработать в кодовом пространстве напрямую VS Code, необходимо установить и войти в GitHub Codespaces расширение с учётными GitHub данными. Для расширения GitHub Codespaces требуется VS Code выпуск 1.51 октября 2020 года или позже.\n\nИспользуйте Visual Studio Code Marketplace его для установки [GitHub Codespaces](https://marketplace.visualstudio.com/items?itemName=GitHub.codespaces) расширения. Для получения дополнительной информации см. [раздел Extension Marketplace](https://code.visualstudio.com/docs/editor/extension-gallery) в VS Code документации.\n\n1. В VS Codeв строке действий щелкните значок удаленного обозревателя.\n\n   ![Снимок экрана: панель действий. Значок боковой панели \"Удаленный обозреватель\" (прямоугольник, наложенный кругом), выделен оранжевым контуром.](/assets/images/help/codespaces/click-remote-explorer-icon-vscode.png)\n\n   > \\[!NOTE]\n   > Если удаленный обозреватель не отображается в строке действий:\n   >\n   > 1. Откройте палитру команд. Например, нажмите клавиши <kbd>SHIFT</kbd>+<kbd>COMMAND</kbd>+<kbd>P</kbd> (Mac) или <kbd>CTRL</kbd>+<kbd>SHIFT</kbd>+<kbd>P</kbd> (Windows/Linux).\n   > 2. Введите `details`.\n   > 3. Щелкните **Codespaces: сведения**.\n\n2. Выберите «GitHub Codespaces» в выпадающем меню в верхней части боковой панели «Remote Explorer», если он ещё не выбран.\n\n3. Нажмите **Войти в GitHub**.\n\n   ![Снимок экрана: боковая панель \"Удаленный обозреватель\" для \"GitHub Codespaces\" с кнопкой \"Вход в GitHub\".](/assets/images/help/codespaces/sign-in-to-view-codespaces-vscode.png)\n\n4. Если вы сейчас не вошли в GitHub систему, вам попросят это сделать. Выполните вход.\n\n5. Когда вам попросят указать, что именно вы хотите авторизировать, нажмите кнопку **«Авторизировать** » для «GitHub.»\n\n6. Если отображается страница авторизации, щелкните \"Авторизовать **Visual-Studio-Code**\".\n\n## Создание кодового пространства в VS Code\n\nПосле подключения учетной записи на GitHub к расширению GitHub Codespaces можно создать новое пространство кода. Дополнительные сведения о расширении GitHub Codespaces см. в [разделе VS Code Marketplace](https://marketplace.visualstudio.com/items?itemName=GitHub.codespaces).\n\n1. В VS Codeв строке действий щелкните значок удаленного обозревателя.\n\n   ![Снимок экрана: панель действий. Значок боковой панели \"Удаленный обозреватель\" (прямоугольник, наложенный кругом), выделен оранжевым контуром.](/assets/images/help/codespaces/click-remote-explorer-icon-vscode.png)\n\n   > \\[!NOTE]\n   > Если удаленный обозреватель не отображается в строке действий:\n   >\n   > 1. Откройте палитру команд. Например, нажмите клавиши <kbd>SHIFT</kbd>+<kbd>COMMAND</kbd>+<kbd>P</kbd> (Mac) или <kbd>CTRL</kbd>+<kbd>SHIFT</kbd>+<kbd>P</kbd> (Windows/Linux).\n   > 2. Введите `details`.\n   > 3. Щелкните **Codespaces: сведения**.\n\n2. Наведите указатель мыши на боковую панель \"Удаленный обозреватель\" и щелкните <svg version=\"1.1\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" class=\"octicon octicon-plus\" aria-label=\"plus icon\" role=\"img\"><path d=\"M7.75 2a.75.75 0 0 1 .75.75V7h4.25a.75.75 0 0 1 0 1.5H8.5v4.25a.75.75 0 0 1-1.5 0V8.5H2.75a.75.75 0 0 1 0-1.5H7V2.75A.75.75 0 0 1 7.75 2Z\"></path></svg>.\n\n   ![Снимок экрана: боковая панель \"Удаленный обозреватель\" для GitHub Codespaces. Подсказка \"Create New Codespace\" отображается рядом с кнопкой знака плюса.](/assets/images/help/codespaces/create-codespace-vscode.png)\n\n3. В текстовом поле введите имя репозитория, в который вы хотите разработать, а затем выберите его.\n\n   ![Снимок экрана: \"octo-org/he\", введенный в текстовое поле, и список четырех репозиториев, начинающихся с этой строки.](/assets/images/help/codespaces/choose-repository-vscode.png)\n\n   Сообщение отображается в правой части последующих запросов, сообщающих о том, кто будет платить за пространство кода.\n\n   ![Снимок экрана: запрос на ветвь с сообщением \"Использование, оплачиваемое концентратором\".](/assets/images/help/codespaces/who-will-pay-vscode.png)\n\n4. Щелкните ветвь, в которой нужно выполнить разработку.\n\n5. Если появится запрос на выбор файла конфигурации контейнера разработки, выберите файл из списка.\n\n6. Щелкните тип компьютера, в котором нужно выполнить разработку.\n\n   > \\[!NOTE]\n   > Выбор доступных типов машин может быть ограничен рядом факторов. Они могут включать политику, настроенную для вашей организации, или минимальную спецификацию типа компьютера для репозитория. Дополнительные сведения см. в разделе \\[AUTOTITLE и [Ограничение доступа к типам компьютеров](/ru/codespaces/managing-codespaces-for-your-organization/restricting-access-to-machine-types)]\\(/codespaces/setting-up-your-project-for-codespaces/configuring-dev-containers/setting-a-minimum-specification-for-codespace-machines).\n\n## Открытие кодового пространства в VS Code\n\n1. В VS Codeв строке действий щелкните значок удаленного обозревателя.\n\n   ![Снимок экрана: панель действий. Значок боковой панели \"Удаленный обозреватель\" (прямоугольник, наложенный кругом), выделен оранжевым контуром.](/assets/images/help/codespaces/click-remote-explorer-icon-vscode.png)\n\n   > \\[!NOTE]\n   > Если удаленный обозреватель не отображается в строке действий:\n   >\n   > 1. Откройте палитру команд. Например, нажмите клавиши <kbd>SHIFT</kbd>+<kbd>COMMAND</kbd>+<kbd>P</kbd> (Mac) или <kbd>CTRL</kbd>+<kbd>SHIFT</kbd>+<kbd>P</kbd> (Windows/Linux).\n   > 2. Введите `details`.\n   > 3. Щелкните **Codespaces: сведения**.\n2. Под \"GitHub Codespaces\", наведите курсор на кодовое пространство, в котором хотите разрабатывать.\n3. Щелкните значок подключения (символ подключаемого модуля).\n\n   ![Снимок экрана: боковая панель \"Удаленный обозреватель\". Значок подключения для пространства кода (символ подключаемого модуля) выделен темным оранжевым контуром.](/assets/images/help/codespaces/click-connect-to-codespace-icon-vscode.png)\n\n## Изменение типа машины в VS Code\n\n```\n          Как правило, можно запустить пространство кода на выборе типов удаленных компьютеров. Эти типы компьютеров предлагают выбор спецификаций оборудования от 2 ядер до 32 ядер, хотя полный спектр типов машин может быть не всегда доступен. Каждый тип компьютера имеет другой уровень ресурсов и другой уровень выставления счетов. Дополнительные сведения см. в разделе [AUTOTITLE](/billing/managing-billing-for-your-products/managing-billing-for-github-codespaces/about-billing-for-github-codespaces).\n          \n          По умолчанию тип компьютера с наименьшими допустимыми ресурсами используется при создании codespace. Вы можете менять тип машины в вашем кодовом пространстве в любое время.\n```\n\n> \\[!NOTE]\n> Выбор доступных типов машин может быть ограничен рядом факторов. Они могут включать политику, настроенную для вашей организации, или минимальную спецификацию типа компьютера для репозитория. Дополнительные сведения см. в разделе \\[AUTOTITLE и [Ограничение доступа к типам компьютеров](/ru/codespaces/managing-codespaces-for-your-organization/restricting-access-to-machine-types)]\\(/codespaces/setting-up-your-project-for-codespaces/configuring-dev-containers/setting-a-minimum-specification-for-codespace-machines).\n\n1. В VS Codeоткройте палитру команд с <kbd>помощью клавиш</kbd>+<kbd>SHIFT</kbd>+<kbd>P</kbd> (Mac) или <kbd>CTRL<kbd></kbd>+SHIFT+</kbd><kbd>P</kbd> (Windows/Linux).\n\n2. Найдите и выберите \"Кодовые пространства: изменение типа компьютера\".\n\n   ![Снимок экрана: \"Изменить компьютер\", введенный в качестве строки поиска и \"Пространства кода: изменение типа компьютера\" в раскрывающемся списке.](/assets/images/help/codespaces/vscode-change-machine-type-option.png)\n\n3. Если вы не выполняете эти инструкции в пространстве кода, щелкните пространство кода, которое нужно изменить.\n\n   ![Снимок экрана: раскрывающийся список четырех пространств кода.](/assets/images/help/codespaces/vscode-change-machine-choose-repo.png)\n\n   Если вы выполняете эти инструкции в пространстве кода, это изменение будет применяться к пространству кода, в который вы работаете.\n\n4. Выберите тип компьютера, который вы хотите использовать.\n\n5. Если вы переходите на тип компьютера с другой емкостью хранилища, появится запрос, если вы хотите продолжить. Прочитайте запрос и нажмите кнопку **\"Да\"** , чтобы принять.\n\nЕсли вы изменились на виртуальную машину с другой емкостью хранилища (например, с 32 ГБ до 64 ГБ), пространство кода будет недоступно в течение короткого времени при изменении типа компьютера. Если пространство кода в настоящее время активно, оно будет автоматически остановлено. После завершения изменения вы сможете перезапустить пространство кода, работающее на новом типе компьютера.\n\nЕсли вы изменились на виртуальную машину с той же емкостью хранилища, это изменение будет применено при следующем перезапуске пространства кода. Активное пространство кода не будет остановлено автоматически. Дополнительные сведения о перезапуске пространства кода см. в разделе [Остановка и запуск пространства кода](/ru/codespaces/developing-in-codespaces/stopping-and-starting-a-codespace#restarting-a-codespace).\n\n## Удаление кодового пространства в VS Code\n\nМожно удалить среды codespace из VS Code, если в настоящее время не работаете в среде codespace.\n\n1. В VS Codeв строке действий щелкните значок удаленного обозревателя.\n\n   ![Снимок экрана: панель действий. Значок боковой панели \"Удаленный обозреватель\" (прямоугольник, наложенный кругом), выделен оранжевым контуром.](/assets/images/help/codespaces/click-remote-explorer-icon-vscode.png)\n\n   > \\[!NOTE]\n   > Если удаленный обозреватель не отображается в строке действий:\n   >\n   > 1. Откройте палитру команд. Например, нажмите клавиши <kbd>SHIFT</kbd>+<kbd>COMMAND</kbd>+<kbd>P</kbd> (Mac) или <kbd>CTRL</kbd>+<kbd>SHIFT</kbd>+<kbd>P</kbd> (Windows/Linux).\n   > 2. Введите `details`.\n   > 3. Щелкните **Codespaces: сведения**.\n2. В разделе \"GitHub Codespaces\" щелкните правой кнопкой мыши пространство кода, которое нужно удалить.\n3. Нажмите кнопку **Удалить codespace**.\n\n## Переход на VS Code Insiders в веб-клиенте\n\nЕсли вы используете VS Code веб-клиент, вы можете переключиться на версию приложения Insiders. Для получения дополнительной информации об этой версии VS Codeсм. [раздел «Introducing the Insiders Build](https://code.visualstudio.com/blogs/2016/02/01/introducing_insiders_build) » в VS Code блоге.\n\nПосле переключения версий в пространстве кода веб-клиент продолжит использовать версию программы предварительной оценки, если остановить и перезапустить пространство кода. Новые кодовые пространства, которые вы создаёте и открываете в VS Code веб-клиенте, также будут использовать версию Insiders.\n\n1. В левом нижнем углу окна браузера, где отображается кодовое пространство, нажмите **<svg version=\"1.1\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" class=\"octicon octicon-gear\" aria-label=\"Manage\" role=\"img\"><path d=\"M8 0a8.2 8.2 0 0 1 .701.031C9.444.095 9.99.645 10.16 1.29l.288 1.107c.018.066.079.158.212.224.231.114.454.243.668.386.123.082.233.09.299.071l1.103-.303c.644-.176 1.392.021 1.82.63.27.385.506.792.704 1.218.315.675.111 1.422-.364 1.891l-.814.806c-.049.048-.098.147-.088.294.016.257.016.515 0 .772-.01.147.038.246.088.294l.814.806c.475.469.679 1.216.364 1.891a7.977 7.977 0 0 1-.704 1.217c-.428.61-1.176.807-1.82.63l-1.102-.302c-.067-.019-.177-.011-.3.071a5.909 5.909 0 0 1-.668.386c-.133.066-.194.158-.211.224l-.29 1.106c-.168.646-.715 1.196-1.458 1.26a8.006 8.006 0 0 1-1.402 0c-.743-.064-1.289-.614-1.458-1.26l-.289-1.106c-.018-.066-.079-.158-.212-.224a5.738 5.738 0 0 1-.668-.386c-.123-.082-.233-.09-.299-.071l-1.103.303c-.644.176-1.392-.021-1.82-.63a8.12 8.12 0 0 1-.704-1.218c-.315-.675-.111-1.422.363-1.891l.815-.806c.05-.048.098-.147.088-.294a6.214 6.214 0 0 1 0-.772c.01-.147-.038-.246-.088-.294l-.815-.806C.635 6.045.431 5.298.746 4.623a7.92 7.92 0 0 1 .704-1.217c.428-.61 1.176-.807 1.82-.63l1.102.302c.067.019.177.011.3-.071.214-.143.437-.272.668-.386.133-.066.194-.158.211-.224l.29-1.106C6.009.645 6.556.095 7.299.03 7.53.01 7.764 0 8 0Zm-.571 1.525c-.036.003-.108.036-.137.146l-.289 1.105c-.147.561-.549.967-.998 1.189-.173.086-.34.183-.5.29-.417.278-.97.423-1.529.27l-1.103-.303c-.109-.03-.175.016-.195.045-.22.312-.412.644-.573.99-.014.031-.021.11.059.19l.815.806c.411.406.562.957.53 1.456a4.709 4.709 0 0 0 0 .582c.032.499-.119 1.05-.53 1.456l-.815.806c-.081.08-.073.159-.059.19.162.346.353.677.573.989.02.03.085.076.195.046l1.102-.303c.56-.153 1.113-.008 1.53.27.161.107.328.204.501.29.447.222.85.629.997 1.189l.289 1.105c.029.109.101.143.137.146a6.6 6.6 0 0 0 1.142 0c.036-.003.108-.036.137-.146l.289-1.105c.147-.561.549-.967.998-1.189.173-.086.34-.183.5-.29.417-.278.97-.423 1.529-.27l1.103.303c.109.029.175-.016.195-.045.22-.313.411-.644.573-.99.014-.031.021-.11-.059-.19l-.815-.806c-.411-.406-.562-.957-.53-1.456a4.709 4.709 0 0 0 0-.582c-.032-.499.119-1.05.53-1.456l.815-.806c.081-.08.073-.159.059-.19a6.464 6.464 0 0 0-.573-.989c-.02-.03-.085-.076-.195-.046l-1.102.303c-.56.153-1.113.008-1.53-.27a4.44 4.44 0 0 0-.501-.29c-.447-.222-.85-.629-.997-1.189l-.289-1.105c-.029-.11-.101-.143-.137-.146a6.6 6.6 0 0 0-1.142 0ZM11 8a3 3 0 1 1-6 0 3 3 0 0 1 6 0ZM9.5 8a1.5 1.5 0 1 0-3.001.001A1.5 1.5 0 0 0 9.5 8Z\"></path></svg>**.\n\n2. В меню выберите \"Переключиться на версию программы предварительной оценки\".\n\n   ![Снимок экрана: веб-клиент VS Code . Значок шестеренки выделен оранжевым контуром. В меню отображается параметр \"Переключиться на версию программы предварительной оценки\".](/assets/images/help/codespaces/codespaces-insiders-vscode.png)\n\n3. Нажмите кнопку \" **Перезагрузить**\".\n\nЧтобы вернуться к Стабильной версии VS Code, повторите процесс, но выберите **Переключиться на Стабильную версию**. После переключения пространство кода будет продолжать использовать стабильную версию, если остановить и перезапустить пространство кода. Новые кодовые пространства, которые вы создаёте и открываете в VS Code веб-клиенте, также будут использовать стабильную версию.\n\n## Использование десктопного приложения Insiders для Codespaces\n\nЧтобы использовать GitHub Codespaces в версии Insiders настольного VS Code приложения, запустите или создайте свои кодовые пространства внутри VS Code приложения Insiders. Для получения дополнительной информации см. [разделы «Создание кодового пространства» и VS Code](#creating-a-codespace-in-vs-code)[«Открытие кодового пространства» ранее VS Code](#opening-a-codespace-in-vs-code) в этой статье.\n\n## Дополнительные материалы\n\n* [Использование палитры команд Visual Studio Code в GitHub Codespaces](/ru/codespaces/reference/using-the-vs-code-command-palette-in-codespaces)\n* [Использование GitHub Copilot в GitHub Codespaces](/ru/codespaces/reference/using-github-copilot-in-github-codespaces)"}