基于开发者空间定制C/C++开发环境镜像

定制C/C++云开发镜像

一、概述

1. 案例介绍

华为开发者空间,是为全球开发者打造的专属开发者空间,致力于为每位开发者提供一台云主机、一套开发工具和云上存储空间,汇聚昇腾、鸿蒙、鲲鹏、GaussDB、欧拉等华为各项根技术的开发工具资源,并提供配套案例指导开发者 从开发编码到应用调测,基于华为根技术生态高效便捷的知识学习、技术体验、应用创新。

在云原生与远程协作成为主流的软件开发趋势下,开发环境的快速构建、一致性维护及跨团队共享已成为提升效率的关键挑战。C/C++开发因其对系统工具链(如编译器、调试器、第三方库)的高度依赖,环境配置复杂且易出错,传统的手动配置模式难以满足敏捷开发需求。此外,跨地域团队或开源协作场景中,环境差异常导致“本地正常、云端报错”等问题,严重影响交付效率。通过将C/C++开发环境预置为云主机镜像,开发者可一键获取标准化的开发环境,减少重复配置成本,同时为团队协作、CI/CD流水线提供底层支持,显著提升开发流程的可靠性与可复现性。

2. 适用对象

  • 个人开发者
  • 高校学生

3. 案例时间

本案例总时长预计60分钟。

4. 案例流程

c71822ff419f0014ccc61ebf31292c27.png

说明:

  1. 登录华为开发者空间云主机,终端Terminal命令安装编译工具链和调试工具,安装VS Code;
  2. 在VS Code上编写实验代码,并运行测试实验结果;
  3. 在开发者空间-工作台-我的镜像制作镜像,重置云主机,配置云主机自定义镜像,登录验证实验程序。

5. 资源总览

本案例预计花费总计0元。

资源名称规格单价(元)时长(分钟)
华为开发者空间-云主机ARM| 4 vCPUs 8GB | Ubuntu 24.04 Server 定制版060
VS Code1.97.2免费60

二、实验环境搭建

1. 开发者空间配置

面向广大开发者群体,华为开发者空间提供一个随时访问的“开发桌面云主机”、丰富的“预配置工具集合”和灵活使用的“场景化资源池”,开发者开箱即用,快速体验华为根技术和资源。

如果还没有领取开发者空间云主机,可以参考免费领取云主机文档领取。

领取云主机后可以直接进入华为开发者空间工作台界面,点击打开云主机 > 进入桌面连接云主机。

a1aae6ff53aac98855ef597dd6899967.png

552fc96c3b58a06e294e4a760ae719e3.PNG

2. 安装编译工具链

C/C++运行时环境需要依赖编译器(GCC/G++)和调试工具GDB。因此,在任务开始前我们首先需要确认云主机是否已经安装GCC/G++和GDB。

云主机桌面右键,点击Open Terminal Here打开Terminal Emulator窗口。在窗口中输入如下命令进行验证:

gcc --version

g++ --version

gdb --version

275041238be04bbff54bf69e87185811.png

如果云主机中未安装gdb,可通过如下命令进行部署:

sudo apt update 

sudo apt install build-essential gdb -y

5d29d78b0bbf9884015e481d936266d0.png

三、VS Code安装部署

1. VS Code安装

  1. 下载.deb

在云主机Terminal Emulator窗口,可以通过命令行下载.deb安装Visual Studio Code:

sudo wget -O code.deb https://vscode.download.prss.microsoft.com/dbazure/download/stable/e54c774e0add60467559eb0d1e229c6452cf8447/code_1.97.2-1739406006_arm64.deb

410030857348abae8f0d85b81582fddf.png

(注:这里下载的deb包会默认下载到当前目录,并且默认命名为code.deb。)

  1. 安装VS Code

下载完成后,使用 dpkg 命令来安装下载好的 .deb 包:

sudo dpkg -i code.deb

e36a6269e32681a766419538c233a85b.png

注:若在安装过程中遇到依赖问题,可使用以下命令修复依赖:

sudo apt-get install -f
  1. 运行VS Code

安装完成后,可以在云桌面左下角所有应用程序开发Visual Studio Code点击启动,也可以通过以下命令打开VS Code:

code

ba976292097004354dce99658a666d0c.png

2. 安装VS Code插件

VS Code作为一个款强大的跨平台编辑器,为开发者提供了非常丰富的拓展插件。开发者可以打开VS Code扩展商店,点击插件管理图标5cf287ea8bb4dfb3893ccfebdf0bee3a.png,输入插件名称,点击install安装。插件介绍如下:

  • C/C++:语法高亮、智能补全、代码跳转、调试支持(支持跨平台编译和多环境配置)‌,所有 C/C++ 项目的开发基础,无需额外配置即可直接使用。
  • C/C++ Extension Pack:代码编辑、调试、构建和格式化的核心功能,覆盖从代码编写到编译调试的全流程,尤其适合需要跨平台或依赖 CMake 的中大型项目‌。
  • CMake Tools:集成 CMake 构建系统,支持自动化编译、调试和项目配置‌,简化跨平台项目管理,适用于复杂工程依赖的构建。
  • Code Runner:一键运行代码片段或文件,支持快速测试和调试,无需手动配置编译命令,实时输出结果到终端。
  • GitLens:增强 Git 功能,支持代码历史追溯、差异对比、作者信息查看‌,协作开发时快速定位代码变更和提交记录。
  • C/C++ Snippets:快速插入常用代码模板(如循环、条件语句),减少重复编码‌。

1bf2d8d76a48eaa5c2a02d03f0e65ab9.png

3. 配置开发环境

  1. 创建工程目录 在云主机左下角打开File Manager。在File Manager左上角文件新建文件夹,编辑名称创建所需要的工程目录。

5c41873922f393bee9cda75bf819b485.png

点击VS Code左上角File – OpenFolder,选择上一步新建的工程目录cpp_project

8a26025f3361884f7209d304ad1b95e0.png

  1. 在VS Code中,新建 main.cpp 文件,编写示例代码:
#include <iostream>
using namespace std;
int main() {
    printf("欢迎来到华为云开发者空间!");
return 0;
}

88fc2ce97bc8d13a4fcb6488c752c828.png

  1. 配置构建任务 在VS Code中,按 Ctrl+Shift+P 输入 Tasks: Configure Task,选择 Create tasks.json from templateOthers

479dbc9999b293cb4d7a9c552857a739.png

62f78ba14024fce0c3686721bdbbc300.png

4527ce7e263d12a3c6f8a9c830d8b23a.png

完成上述步骤后,工程目录中自动增加了配置文件tasks.json。

双击打开并修改tasks.json:

{
    // See https://go.microsoft.com/fwlink/?LinkId=733558
    // for the documentation about the tasks.json format
    "version": "2.0.0",
    "tasks": [
    {
      "label": "build",
      "type": "shell",
      "command": "g++",
      "args": [
        "-g", "-o", "main", "main.cpp"
      ],
      "group": {
        "kind": "build",
        "isDefault": true
      }
    }
  ]
}

389dac40f6150d0b6c5f4db93b5b6104.png

  1. 配置launch.json 点击左侧调试图标(或按 Ctrl+Shift+D),选择 Create a launch.json file → C++ (GDB/LLDB)

43edc59c6dc9ba7e0d424efbf10005c3.png

修改 launch.json:

{
    // Use IntelliSense to learn about possible attributes.
    // Hover to view descriptions of existing attributes.
    // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
    "version": "0.2.0",
  "configurations": [
    {
      "name": "C++ Debug",
      "type": "cppdbg",
      "request": "launch",
      "program": "${workspaceFolder}/main",
      "args": [],
      "stopAtEntry": false,
      "cwd": "${workspaceFolder}",
      "environment": [],
      "externalConsole": false,
      "MIMode": "gdb",
      "preLaunchTask": "build"
    }
  ]
}

修改完成后,左侧工具栏会发生变化如下:

bed132366bc69af0359775fb28b99752.png

  1. 编译与调试 开发者可以通过左上角的C++ Debug按钮启动编译调试。

c81d7b42ff07e1cd0cdc70bd49712fee.png

也可以通过如下方式进行编译调试: 编译:按 Ctrl+Shift+B 或运行终端命令:

g++ -g -o main main.cpp

调试:按 F5 启动调试,支持断点、变量监视等功能。

4. 常见问题解决

问题 1:编译器未找到

确保已安装 build-essential,检查 PATH 环境变量:

echo \$PATH

问题 2:调试器无法启动

确保已安装 gdb:

sudo apt install gdb -y

问题 3:VS Code 插件安装失败

尝试更换网络环境,或手动下载 .vsix 文件安装。

四、镜像制作与使用

1. 制作镜像

在制作镜像前,我们首先要确认云主机已处于关机状态。

74a2551e1b60d6eda190b22e7d150a7f.png

在开发者空间,工作台 – 我的云空间模块,点击我的镜像,进入镜像编辑页面。

2067c16ddfffaceb2305977558cedb7c.png

点击制作镜像,设置镜像名称、镜像描述、选择镜像源。点击确定,开发者空间将自动开始制作镜像,制作镜像需要30分钟,请耐心等待。

1df7eea9a5c70a3c733b863f62e2708c.png

镜像制作完成后,状态变为“就绪”状态。

2. 使用镜像

在加载镜像前,需要先确认云主机当前是可配置状态。

475fdd2cb11cd941f17532d3b4e4fbc4.png

点击配置云主机,选择私有镜像,下拉选项中选择之前已经制作好的镜像,点击安装按钮。进入桌面,自定义镜像开始加载。

318ab5f9054b0c2eb716ae7342589f05.png

等待镜像加载(约3-5分钟),进入云桌面,Terminal Emulator窗口通过code命令启动VS Code,点击运行程序,这里显示程序运行成功。

fc84030621b95468f6f94a4eb5c33942.png

至此,基于开发者空间,定制C/C++开发环境云主机镜像案例内容全部完成。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值