更新时间:2025-12-26 GMT+08:00
分享

VScode接入云开发环境

操作场景

本文档将为开发者提供VS Code安装Huawei Developer Space插件远程连接华为开发者空间 - 云开发环境(虚拟机)的操作指导。

VS Code 接入华为开发者空间云开发环境(虚机版),开发者可以熟悉的操作方式,无缝调用云端标准化环境、充足算力及华为根技术支持,兼顾开发效率、团队协作一致性与代码安全。

前提条件

  • 安装VS Code。注意:如果没有安装VS Code,请开发者自行下载安装。
  • 已有华为账号,并完成实名认证。

操作步骤

  1. 创建云开发环境

    打开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分钟左右)

    此时,可以看到云开发环境已经创建完成,云主机状态为已就绪。

  2. 启动云开发环境

    点击创建好的虚拟机右侧Start图标进行开机。

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

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

    此时,云开发环境已成功开机,状态为已就绪。

  3. 连接云开发环境

    点击创建好的虚拟机右侧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

    此时,我们成功连接到云开发环境。

  4. 云开发环境端口转发

    端口转发是把华为开发者空间云开发环境(虚机版)云端虚机上某个端口的网络请求,映射到你本地电脑的指定端口,让你能像访问本地服务一样,直接在本地浏览器 / 客户端访问运行在云端的应用或服务。

    点击控制台的PORTS->Forward a Port,转发一个端口:

    输入端口8080进行转发:

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

    python -m http.server 8080 

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

    点击Open in Browser,打开浏览器可看到已经访问了云开发环境的目录列表:

    可以看到,我们已经成功将云开发环境8080端口转发至本地。

  5. 通过vscode进行云开发环境延时、关机等操作

    我们还可以在vscode中对云开发环境进行一些管理操作。

    如需延时,可点击此延时按钮,需剩余时长少于1小时时使用:

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

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

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

相关文档