VScode接入云开发环境
操作场景
本文档将为开发者提供VS Code安装Huawei Developer Space插件远程连接华为开发者空间 - 云开发环境(虚拟机)的操作指导。
VS Code 接入华为开发者空间云开发环境(虚机版),开发者可以熟悉的操作方式,无缝调用云端标准化环境、充足算力及华为根技术支持,兼顾开发效率、团队协作一致性与代码安全。
前提条件
- 安装VS Code。注意:如果没有安装VS Code,请开发者自行下载安装。
- 已有华为账号,并完成实名认证。
操作步骤
- 创建云开发环境
打开VS Code,点击下图图标,搜索Huawei Developer Space,点击Install,安装华为开发者空间插件。

安装完成后,点击下图插件图标,点击Sign in Huawei Developer Space,登录华为开发者空间。

提示是否打开网站,选择Open。

此时如果已登录华为云将会提示进行授权。

如未登录,将跳转华为云登录界面。

登录成功后,回到VS Code,显示登录成功界面。

点击CLOUD DEVELOPMENT ENVIRONMENT (VIRTUAL MACHINE)云开发环境(虚拟机)目录下的Create Cloud Development Environment,用于创建云开发环境。

此时会要求开发者输入云开发环境名称:

按下Enter键,云开发环境的状态由创建中变为已就绪(持续时间2分钟左右)

此时,可以看到云开发环境已经创建完成,云主机状态为已就绪。
- 启动云开发环境
点击创建好的虚拟机右侧Start图标进行开机。

此时,显示云主机状态由已就绪变为运行中。

我们在鼠标悬浮在此处可看到云开发环境的详细信息。

此时,云开发环境已成功开机,状态为已就绪。
- 连接云开发环境
点击创建好的虚拟机右侧Connect图标,连接远程开发环境。

由于云开发环境的操作系统是Euler,内核是Linux,所以接下来选择Linux作为远程主机的平台进行连接:

选择Continue继续进行下一步:

此时云开发环境会自动下载VS Code Server,下载完成之后将弹出弹窗,我们勾选【Trust the authors of all files in the parent folder】,然后点击【Yes,I trust the authors】即可。
按下Ctrl+Shift+`,打开terminal窗口,输入:lscpu | head,可查看虚拟机的硬件配置信息:
lscpu | head

关键参数如下:
表1 名称
参数
Architecture【架构】
aarch64
CPU op-mode(s)【CPU 操作模式】
64-bit
CPU(S)【CPU核数】
2
Vebdor ID【供应商ID】
HiSilicon
Model name 【型号名称】
Kunpeng-920
Thread(s) per core【每个核心的线程数】
1
此时,我们成功连接到云开发环境。
- 云开发环境端口转发
端口转发是把华为开发者空间云开发环境(虚机版)云端虚机上某个端口的网络请求,映射到你本地电脑的指定端口,让你能像访问本地服务一样,直接在本地浏览器 / 客户端访问运行在云端的应用或服务。
点击控制台的PORTS->Forward a Port,转发一个端口:

输入端口8080进行转发:

切换至terminal窗口,输入以下命令行,将启动本地服务器,监听8080端口:
python -m http.server 8080

此时,我们在云端虚机的 8080 端口启动了一个 Web 应用,通过端口转发将云端 8080 映射到本地 8080 后,直接在本地浏览器输入localhost:8080,就能访问云端运行的这个 Web 应用,无需额外配置云端公网访问、防火墙等,这将大幅简化云端服务的本地调试流程。
点击Open in Browser,打开浏览器可看到已经访问了云开发环境的目录列表:

可以看到,我们已经成功将云开发环境8080端口转发至本地。
- 通过vscode进行云开发环境延时、关机等操作
我们还可以在vscode中对云开发环境进行一些管理操作。
如需延时,可点击此延时按钮,需剩余时长少于1小时时使用:

如需关机,可点击此关机按钮:

云开发环境的状态由关机中变为已就绪(持续时间2分钟左右),在已就绪的状态下可以进行删除操作。

此时,我们已经完成了对IDE插件(vscode版)方式接入云开发环境的全部流程。