1
0
mirror of synced 2026-02-02 06:01:58 -05:00
Files
docs/translations/zh-CN/content/codespaces/developing-in-codespaces/using-codespaces-in-visual-studio-code.md
James M. Greene 885da5b3d3 Local run of Translations patching process over batch (#19360)
* New Crowdin translations by Github Action

* Reset broken translated files to English

* Ran script/i18n/homogenize-frontmatter.js

* Ran script/fix-translation-errors.js

* Reverted translated files with parsing and rendering errors

* fix malformed liquid

* add next directory to exclude list

* currentversion -> currentVersion

* fix liquid errors

* fix liquid errors

* Reset broken translated files to English

* Ran script/i18n/homogenize-frontmatter.js

* Revert /ja/github/authenticating-to-github/about-authentication-with-saml-single-sign-on

* Reset known broken translation files LAST

* Run script/i18n/homogenize-frontmatter.js

Co-authored-by: Crowdin Bot <support+bot@crowdin.com>
Co-authored-by: Rachael Sewell <rachmari@github.com>
Co-authored-by: Kevin Heis <heiskr@users.noreply.github.com>
2021-05-18 15:07:05 +00:00

77 lines
6.1 KiB
Markdown
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
---
title: 在 Visual Studio Code 中使用代码空间
intro: '您可以将 {% data variables.product.prodname_github_codespaces %} 扩展连接到您在 {% data variables.product.product_name %} 上的帐户,直接在 {% data variables.product.prodname_vscode %} 代码空间中开发。'
redirect_from:
- /github/developing-online-with-codespaces/using-codespaces-in-visual-studio-code
- /github/developing-online-with-codespaces/connecting-to-your-codespace-from-visual-studio-code
- /github/developing-online-with-codespaces/using-codespaces-in-visual-studio
versions:
free-pro-team: '*'
type: how_to
topics:
- Codespaces
- Visual Studio Code
- Developer
---
{% data reusables.codespaces.release-stage %}
### 基本要求
要直接在 {% data variables.product.prodname_vscode %} 中开发代码空间,必须登录到 {% data variables.product.prodname_github_codespaces %} 扩展。 {% data variables.product.prodname_github_codespaces %} 扩展需要 {% data variables.product.prodname_vscode %} 2020 年 10 月 1 日版本 1.51 或更高版本。
使用 {% data variables.product.prodname_vs %} Marketplace 安装 [{% data variables.product.prodname_github_codespaces %}](https://marketplace.visualstudio.com/items?itemName=GitHub.codespaces) 扩展。 更多信息请参阅 {% data variables.product.prodname_vscode %} 文档中的[扩展 Marketplace](https://code.visualstudio.com/docs/editor/extension-gallery)。
{% mac %}
{% data reusables.codespaces.click-remote-explorer-icon-vscode %}
2. 单击 **Sign in to view {% data variables.product.prodname_dotcom %}...(登录以查看 Codespaces...**。 ![登录以查看 {% data variables.product.prodname_codespaces %}](/assets/images/help/codespaces/sign-in-to-view-codespaces-vscode-mac.png)
3. 要授权 {% data variables.product.prodname_vscode %} 访问您在 {% data variables.product.product_name %} 上的帐户,请单击 **Allow允许**
4. 登录 {% data variables.product.product_name %} 以审批扩展。
{% endmac %}
{% windows %}
{% data reusables.codespaces.click-remote-explorer-icon-vscode %}
2. 使用“REMOTE EXPLORER远程资源管理器”下拉列表然后单击 **{% data variables.product.prodname_github_codespaces %}**。 ![{% data variables.product.prodname_codespaces %} 标头](/assets/images/help/codespaces/codespaces-header-vscode.png)
3. 单击 **Sign in to view {% data variables.product.prodname_codespaces %}...(登录以查看 Codespaces...**。 ![登录以查看 {% data variables.product.prodname_codespaces %}](/assets/images/help/codespaces/sign-in-to-view-codespaces-vscode.png)
4. 要授权 {% data variables.product.prodname_vscode %} 访问您在 {% data variables.product.product_name %} 上的帐户,请单击 **Allow允许**
5. 登录 {% data variables.product.product_name %} 以审批扩展。
{% endwindows %}
### 在 {% data variables.product.prodname_vscode %} 中创建代码空间
将 {% data variables.product.product_name %} 帐户连接到 {% data variables.product.prodname_github_codespaces %} 扩展后,您可以在 {% data variables.product.prodname_vscode %} 或 {% data variables.product.product_name %} 上创建的代码空间中进行开发。
{% data reusables.codespaces.click-remote-explorer-icon-vscode %}
2. 单击 Add添加图标然后单击 **Create New Codespace创建新代码空间**。 ![{% data variables.product.prodname_codespaces %} 中的 Create new Codespace创建新代码空间选项](/assets/images/help/codespaces/create-codespace-vscode.png)
3. 键入,然后单击要在其中开发仓库的名称。 ![搜索仓库以创建新的 {% data variables.product.prodname_codespaces %}](/assets/images/help/codespaces/choose-repository-vscode.png)
4. 单击要在其中开发的分支。 ![搜索分支以创建新的 {% data variables.product.prodname_codespaces %}](/assets/images/help/codespaces/choose-branch-vscode.png)
5. Click the machine type you want to develop in. ![新 {% data variables.product.prodname_codespaces %} 的实例类型](/assets/images/help/codespaces/choose-sku-vscode.png)
### 在 {% data variables.product.prodname_vscode %} 中打开代码空间
{% data reusables.codespaces.click-remote-explorer-icon-vscode %}
2. 在“Codespaces代码空间”下单击您要在其中开发的代码空间。
3. 单击 Connect to Codespace连接到代码空间图标。 ![{% data variables.product.prodname_vscode %} 中的连接到代码空间图标](/assets/images/help/codespaces/click-connect-to-codespace-icon-vscode.png)
### 在 {% data variables.product.prodname_vscode %} 中更改机器类型
{% data reusables.codespaces.codespaces-machine-types %}
您可以随时更改代码空间的机器类型。
1. 在 {% data variables.product.prodname_vscode %} 中,打开命令调色板 (`shift command P` / `shift control P`)。
2. 搜索并选择“代码空间:更改机器类型”。 ![搜索分支以创建新的 {% data variables.product.prodname_codespaces %}](/assets/images/help/codespaces/vscode-change-machine-type-option.png)
3. 单击您要更改的代码空间。 ![搜索分支以创建新的 {% data variables.product.prodname_codespaces %}](/assets/images/help/codespaces/vscode-change-machine-choose-repo.png)
4. 选择您要使用的机器类型。 ![搜索分支以创建新的 {% data variables.product.prodname_codespaces %}](/assets/images/help/codespaces/vscode-change-machine-choose-type.png)
如果代码空间正在运行,则会显示一条消息,询问您现在是否要重新启动并重新连接到代码空间。 如果您想立即更改用于此代码空间的机器类型,请单击 **Yes** 。 如果您单击 **No**,或者代码空间当前未运行,更改将在代码空间下次重启时生效。
### 在 {% data variables.product.prodname_vscode %} 中删除代码空间
1. 在“Codespaces代码空间”下右键点击您要删除的代码空间。
2. 在下拉菜单中,单击 **Delete Codespace删除代码空间**。 ![在 {% data variables.product.prodname_dotcom %} 中删除代码空间](/assets/images/help/codespaces/delete-codespace-vscode.png)