# GitCode 直连开发环境（容器版）操作指导
**介绍**
该指南用于从 GitCode 一键跳转到华为云容器版云开发环境，快速完成代码下载、环境创建与 VS Code 端调试。目标为开发者／运维工程师；预期结果：在本地 VS Code 中完成远程容器环境的创建、连接并能运行/调试代码。
**前置条件**
已注册 gitcode.com 账号与华为云账号。
已安装 VS Code。
华为云开发环境有可用配额且实名认证完成。
**操作步骤**
1. 在 gitcode.com 打开目标项目并点击"云开发"跳转
在项目首页，点击"云开发"按钮，浏览器跳转至云开发环境授权页面。
如图 1 所示。
![](https://support.huaweicloud.com/devg-hdspace/zh-cn_image_0000002508952155.png)
图1
2. 签署华为云协议与隐私声明
阅读并同意协议，点击"进入"，页面弹出"打开 VS Code"的提示。
如图 2 所示。
![](https://support.huaweicloud.com/devg-hdspace/zh-cn_image_0000002477148154.png)
图2
3. 按提示打开 VS Code
允许浏览器打开本地 VS Code，VS Code 弹出确认并提示安装扩展。
如图 3 所示。
![](https://support.huaweicloud.com/devg-hdspace/zh-cn_image_0000002476996150.png)
图3
4. 按提示安装必要插件
在 VS Code 中安装所需插件（云开发插件）。扩展安装成功并在扩展视图中显示为已启用。
如图 4 所示。
![](https://support.huaweicloud.com/devg-hdspace/zh-cn_image_0000002477159690.png)
图4
5. 根据弹框完成华为云账号绑定
在 VS Code 插件弹窗跳转后使用华为云账号授权绑定。登录成功插件显示"欢迎"。
如图 5、图 6 和图 7 所示。
![](https://support.huaweicloud.com/devg-hdspace/zh-cn_image_0000002509087199.png)
图5
![](https://support.huaweicloud.com/devg-hdspace/zh-cn_image_0000002509087241.png)
图6
![](https://support.huaweicloud.com/devg-hdspace/zh-cn_image_0000002477007298.png)
图7
6. 签署开发者空间协议
在插件提示跳转后完成开发者空间协议的确认。
如图 8、图 9 和图 10 所示。
![](https://support.huaweicloud.com/devg-hdspace/zh-cn_image_0000002509088087.png)
图8
![](https://support.huaweicloud.com/devg-hdspace/zh-cn_image_0000002509248131.png)
图9
![](https://support.huaweicloud.com/devg-hdspace/zh-cn_image_0000002477008266.png)
图10
7. 完成实名认证
按页面提示上传证件并完成实名流程。
如图 11 和图 12 所示。
![](https://support.huaweicloud.com/devg-hdspace/zh-cn_image_0000002509088533.png)
图11
![](https://support.huaweicloud.com/devg-hdspace/zh-cn_image_0000002509088563.png)
图12
8. GitCode 跳转后插件自动流程（创建环境、开机、连接、下载代码）
等待插件自动创建容器开发环境、启动、连接并拉取仓库代码。VS Code 打开新窗口，工作区内可见项目文件，可在终端运行项目命令。
如图 13、图 14、图 15 和图 16 所示。
![](https://support.huaweicloud.com/devg-hdspace/zh-cn_image_0000002509251167.png)
图13
![](https://support.huaweicloud.com/devg-hdspace/zh-cn_image_0000002477171318.png)
图14
![](https://support.huaweicloud.com/devg-hdspace/zh-cn_image_0000002477011478.png)
图15
![](https://support.huaweicloud.com/devg-hdspace/zh-cn_image_0000002477011582.png)
图16