C++在线开发环境搭建（WEBIDE）

C++在线开发环境搭建

  • 一、环境说明
    • 1.1 系统基础环境说明
    • 1.1 docker-ce社区版安装
  • 二、codeserver构建
    • 2.1 构建codeserver环境的docker容器
    • 2.2 构建docker镜像
    • 2.3 运行docker
    • 2.4 运行展示
  • 三、构建codeserver中的c++开发环境
    • 3.1 插件下载
    • 3.2 插件安装
  • 四、其他知识
    • 4.2 code-server配置config.yml
      • 4.2.1 常用配置选项
      • 4.2.2 示例配置文件
      • 4.2.3 使用 `--config` 启动
    • 4.1 交叉编译配置环境变量
    • 4.3 CMAKE tools 启动参数传递

本文讲解在docker环境中构建codeserver服务器。搭建基于CMakeLists.txt的C++环境搭建。其中包括codeserver配置相关说明。Dockerfile的讲解等内容。开发者可以使用这个关键在线开发C++程序。

一、环境说明

1.1 系统基础环境说明

宿主机系统环境：ubuntu-24-server版本
系统镜像下载地址：
http://mirrors.163.com/ubuntu-releases/24.04.1/ubuntu-24.04.1-live-server-amd64.iso
docker社区版本

1.1 docker-ce社区版安装

  • 安装必要的软件包以允许apt通过HTTPS使用仓库：
sudo apt update
sudo apt-get install apt-transport-https ca-certificates curl software-properties-common -y
  • 添加Docker的官方GPG密钥：
curl -fsSL https://download.docker.com/linux/ubuntu/gpg | sudo apt-key add -
  • 添加Docker的APT仓库：
sudo add-apt-repository "deb [arch=amd64] https://download.docker.com/linux/ubuntu $(lsb_release -cs) stable"
  • 安装最新版本的Docker CE（社区版）：
sudo apt update
sudo apt-get install docker-ce -y
  • 验证Docker是否安装成功并运行：
sudo systemctl status docker

在这里插入图片描述

二、codeserver构建

2.1 构建codeserver环境的docker容器

新建Dockerfile文件内容如下:

from centos:latest
# 一、配置centos源环境
RUN cd /etc/yum.repos.d/ ; mkdir bak; mv *.repo /etc/yum.repos.d/bak
COPY aliyum.repo /etc/yum.repos.d/
# 二、安装code-server
ADD code-server-4.92.2.tar /opt/install/
RUN yum install -y curl automake make gcc gcc-c++ cmake unzip wget bzip2 libtool perl file diffutils bzip2-devel zlib-devel gdb && yum clean all
WORKDIR /opt/install/code-server-4.92.2/
COPY rpm/code-server-4.92.2-amd64.rpm /root/.cache/code-server/
RUN bash -x install.sh
# 三、安装code-server关于C++在线开发的插件
COPY install /opt/install
RUN code-server --install-extension /opt/install/MS-CEINTL.vscode-language-pack-zh-hans-1.92.2024081409.vsix 
RUN code-server --install-extension /opt/install/ms-vscode.cmake-tools-1.20.6.vsix 
RUN code-server --install-extension /opt/install/ms-vscode.cpptools-1.22.3@linux-x64.vsix 
RUN code-server --install-extension /opt/install/twxs.cmake-0.0.17.vsix
RUN mkdir -p /root/workspace
EXPOSE 8080
CMD ["sh","-c" ,"code-server -w /root/workspace"]

镜像的构建一共分为三个步骤。

  • 第一步：配置centos的源环境，为了方便使用yum在线安装必须的相关环境。
    aliyum.repo的文件内容如下：
# CentOS-Base.repo
#
# The mirror system uses the connecting IP address of the client and the
# update status of each mirror to pick mirrors that are updated to and
# geographically close to the client.  You should use this for CentOS updates
# unless you are manually picking other mirrors.
#
# If the mirrorlist= does not work for you, as a fall back you can try the 
# remarked out baseurl= line instead.
#
#
 
[base]
name=CentOS-$releasever - Base - mirrors.aliyun.com
#failovermethod=priority
baseurl=http://mirrors.aliyun.com/centos/$releasever/BaseOS/$basearch/os/
        http://mirrors.aliyuncs.com/centos/$releasever/BaseOS/$basearch/os/
        http://mirrors.cloud.aliyuncs.com/centos/$releasever/BaseOS/$basearch/os/
gpgcheck=1
gpgkey=http://mirrors.aliyun.com/centos/RPM-GPG-KEY-CentOS-Official
 
#additional packages that may be useful
[extras]
name=CentOS-$releasever - Extras - mirrors.aliyun.com
#failovermethod=priority
baseurl=http://mirrors.aliyun.com/centos/$releasever/extras/$basearch/os/
        http://mirrors.aliyuncs.com/centos/$releasever/extras/$basearch/os/
        http://mirrors.cloud.aliyuncs.com/centos/$releasever/extras/$basearch/os/
gpgcheck=1
gpgkey=http://mirrors.aliyun.com/centos/RPM-GPG-KEY-CentOS-Official
 
#additional packages that extend functionality of existing packages
[centosplus]
name=CentOS-$releasever - Plus - mirrors.aliyun.com
#failovermethod=priority
baseurl=http://mirrors.aliyun.com/centos/$releasever/centosplus/$basearch/os/
        http://mirrors.aliyuncs.com/centos/$releasever/centosplus/$basearch/os/
        http://mirrors.cloud.aliyuncs.com/centos/$releasever/centosplus/$basearch/os/
gpgcheck=1
enabled=0
gpgkey=http://mirrors.aliyun.com/centos/RPM-GPG-KEY-CentOS-Official
 
[PowerTools]
name=CentOS-$releasever - PowerTools - mirrors.aliyun.com
#failovermethod=priority
baseurl=http://mirrors.aliyun.com/centos/$releasever/PowerTools/$basearch/os/
        http://mirrors.aliyuncs.com/centos/$releasever/PowerTools/$basearch/os/
        http://mirrors.cloud.aliyuncs.com/centos/$releasever/PowerTools/$basearch/os/
gpgcheck=1
enabled=0
gpgkey=http://mirrors.aliyun.com/centos/RPM-GPG-KEY-CentOS-Official


[AppStream]
name=CentOS-$releasever - AppStream - mirrors.aliyun.com
#failovermethod=priority
baseurl=http://mirrors.aliyun.com/centos/$releasever/AppStream/$basearch/os/
        http://mirrors.aliyuncs.com/centos/$releasever/AppStream/$basearch/os/
        http://mirrors.cloud.aliyuncs.com/centos/$releasever/AppStream/$basearch/os/
gpgcheck=1
gpgkey=http://mirrors.aliyun.com/centos/RPM-GPG-KEY-CentOS-Official
  • 第二步：安装code-server由于code-server安装需要下载rpm包，我提前下载在code-server安装的时候就不需要在下载了。
    下载地址：https://github.com/coder/code-server/releases
    下载：code-server-4.92.2-amd64.rpm和code-server-4.92.2-linux-amd64.tar.gz

在这里插入图片描述

第三步：安装关于C++开发的常用插件，这里的开发环境主要是针对CMakeLists.txt的环境。并且使用默认系统的研发环境进行研发，如果使用其他的版本的G++和gcc需要自己更新版本。
插件下载请第三章，
安装以下插件。
在这里插入图片描述
第四步：配置环境。

2.2 构建docker镜像

docker build -t code-server:0.1 .

2.3 运行docker

说明–privileged参数在使用gdb调试的时候使用，否则会报错。
-v 映射开发空间，是因为开发的时候如果主机重启，开发的内容会清空，所以这两个参数一定需要设置。
code-server的密码是通过环境变量PASSWORD设置的。所以在启动docker时候我们可以设置PASSWORD的值作为进入code-server服务的密码。

docker run -d -p 8080:8080 -v [宿主机地址]:/root/workspace -E PASSWROD=123456 --privileged code-server:0.1

注意有一些版本的code-server的绑定的端口以及绑定地址参数会不同，因此需要自己注意看看文档。

2.4 运行展示

在地址栏中输入http://xxxx.xxx.xxx.xxx:8080 输入登录密码就可以使用codeserver了。
在这里插入图片描述

三、构建codeserver中的c++开发环境

3.1 插件下载

  • vscode插件市场地址
    https://marketplace.visualstudio.com/vscode

在这里插入图片描述

  • Chinese (Simplified) (简体中文) Language Pack for Visual Studio Code
    https://marketplace.visualstudio.com/items?itemName=MS-CEINTL.vscode-language-pack-zh-hans
    Chinese (Simplified) (简体中文) Language Pack for Visual Studio Code插件
  • C/C++
    https://marketplace.visualstudio.com/items?itemName=ms-vscode.cpptools
    C/C++插件
  • cmake
    https://marketplace.visualstudio.com/items?itemName=twxs.cmake
    cmake插件
  • cmake tools
    https://marketplace.visualstudio.com/items?itemName=ms-vscode.cmake-tools
    cmake tools插件

3.2 插件安装

codeserver的插件安装命令如下

 code-server --install-extension codelldb-x86_64-linux.vsix

四、其他知识

4.2 code-server配置config.yml

code-server 的 --config 选项允许你指定一个配置文件（通常是 config.yml），用于自定义 code-server 的各种行为。以下是 config.yml 配置文件的常用选项和说明：

4.2.1 常用配置选项

  1. bind-addr: 指定 code-server 监听的地址和端口。

    bind-addr: 0.0.0.0:8080
    • 0.0.0.0 表示监听所有网络接口，可以改为特定的 IP 地址。
    • 8080 是端口号，你可以根据需要更改。

  2. auth: 配置访问的认证方式。

    auth: password
    • password: 使用密码认证。
    • none: 不使用认证（不建议在生产环境中使用）。

  3. password: 在使用密码认证时，设置访问密码。

    password: mypassword

  4. cert 和 cert-key: 配置 SSL/TLS 证书，用于 HTTPS 连接。

    cert: /path/to/your/cert.pem
cert-key: /path/to/your/key.pem

  5. disable-telemetry: 禁用 code-server 的遥测数据收集。

    disable-telemetry: true

  6. disable-update-check: 禁用自动更新检查。

    disable-update-check: true

  7. proxy-domain: 配置代理域名，用于反向代理设置。

    proxy-domain: my.domain.com

  8. working-directory: 指定启动时的工作目录。

    working-directory: /path/to/directory

4.2.2 示例配置文件

以下是一个完整的 config.yml 示例：

bind-addr: 0.0.0.0:8080
auth: password
password: mypassword
cert: /path/to/your/cert.pem
cert-key: /path/to/your/key.pem
disable-telemetry: true
disable-update-check: true
working-directory: /home/user/projects

4.2.3 使用 --config 启动

启动 code-server 时使用 --config 选项指定配置文件：

code-server --config /path/to/config.yml

通过这个配置文件，你可以灵活地控制 code-server 的行为，包括监听地址、认证方式、证书配置等。

4.1 交叉编译配置环境变量

CROSS_COMPILE = arm-linux-
AS = $(CROSS_COMPILE)as
LD = $(CROSS_COMPILE)ld
CC = $(CROSS_COMPILE)gcc
CPP = $(CC) -E
AR = $(CROSS_COMPILE)ar
NM = $(CROSS_COMPILE)nm

/etc/sysconfig/docker

4.3 CMAKE tools 启动参数传递

在~/.local/share/code-server/User/setting.json
中设置

{ 
........	
	"cmake.debugConfig":{
		"args":["参数"]
	}
......
}

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：/a/885525.html

如若内容造成侵权/违法违规/事实不符，请联系我们进行投诉反馈qq邮箱809451989@qq.com，一经查实，立即删除！

相关文章

【Android 14源码分析】WMS-窗口显示-流程概览与应用端流程分析

【Android 14源码分析】WMS-窗口显示-流程概览与应用端流程分析

忽然有一天，我想要做一件事：去代码中去验证那些曾经被“灌输”的理论。                                                                                  – 服装…
阅读更多...
相亲交友系统的社会影响：家庭结构的变化

相亲交友系统的社会影响：家庭结构的变化

随着互联网技术的发展，相亲交友系统已成为许多单身人士寻找伴侣的重要途径。这些平台不仅改变了人们的社交方式，还对家庭结构产生了深远的影响。本文将探讨相亲交友系统如何促使家庭结构发生变化，开发h17711347205并通过简单的Python代码示例…
阅读更多...
YashanDB Docker镜像制作

YashanDB Docker镜像制作

本文作者：YashanDB中级服务工程师鲍健昕 为什么需要Docker部署数据库 常规使用 yasboot 部署数据库的方法，操作流程复杂，需要配置许多配置文件以及环境变量，不同用户使用的环境不同，那么环境配置也会存在差异&#x…
阅读更多...
抓取网页重定向之前的接口请求

抓取网页重定向之前的接口请求

使用谷歌浏览器，按下F12抓取接口的时候，会遇到无法抓取web页面重定向之前的地址的问题，这个时候可以使用以下两种方式进行抓取： 1.断网操作，选择开发者调试工具下面的，网络离线功能进行离线操作 2.使用保留…
阅读更多...
数字货币交易所开发与智能合约交易系统

数字货币交易所开发与智能合约交易系统

数字货币交易所作为加密经济的重要组成部分，为用户提供了一个安全、便捷的平台来买卖各种数字资产。随着区块链技术的发展，智能合约在交易所的应用日益普及，使得交易过程更加高效和透明。本文将探讨数字货币交易所的开发过程以及智能合约在交…
阅读更多...
jmeter中token测试

jmeter中token测试

案例： 网站：http://shop.duoceshi.com 讲解：用三个接口来讲解 第一个接口code：GET http://manage.duoceshi.com/auth/code 第二个登录接口：http://manage.duoceshi.com/auth/login 第三个接口：http://…
阅读更多...
Threejs中使用A*算法寻路导航

Threejs中使用A*算法寻路导航

<!DOCTYPE html> <html><head><title>Threejs中使用A*算法寻路导航&#xff0c;Threejs室内室外地图导航</title><script type"text/javascript" src"libs/three.js"></script><script type"text/javas…
阅读更多...
SpringBoot 使用自定义注解和枚举类对接口入参校验

SpringBoot 使用自定义注解和枚举类对接口入参校验

目录 1. jar包导入2. 自定义注解3. 校验类4. 定义枚举类5. 被校验的实体类6. 全局异常拦截7. controller8. 测试 1. jar包导入 <dependency><groupId>org.springframework.boot</groupId><artifactId>spring-boot-starter-validation</artifactId&g…
阅读更多...
拯救神经健康！多系统萎缩患者必知的维生素“黄金组合”✨

拯救神经健康！多系统萎缩患者必知的维生素“黄金组合”✨

亲爱的朋友们&#xff0c;今天我们来聊聊一个可能不太为人熟知但极其重要的健康话题——多系统萎缩&#xff08;MSA&#xff09;。面对这一挑战&#xff0c;科学合理的营养补充显得尤为重要。你知道吗&#xff1f;有几种维生素堪称神经系统的“黄金守护者”&#xff0c;它们能在…
阅读更多...
【IOS】申请开发者账号（公司）

【IOS】申请开发者账号（公司）

目录 申请开发者账号前提 查询/申请D-U-N-S 编号 申请开发者 官网&#xff1a;Apple Developer (简体中文) 申请开发者账号前提 如果是第一次申请建议注册一个新的apple id作为组织的开发者账号。&#xff08;确保apple id的个人信息是真实的&#xff0c;不能是网名或者是…
阅读更多...
c++第十二章续（队列结构类模拟）

c++第十二章续（队列结构类模拟）

队列类 设计类&#xff0c;需要开发公有接口和私有实现 Queue类接口 公有接口&#xff1a; 默认初始化&#xff0c;和可以用显式初始化覆盖默认值 Queue类的实现 如何表示队列数据&#xff1a; 一种方法是使用new动态分配一个数组&#xff0c;它包含所需的元素数。不过&…
阅读更多...
Python从入门到高手3.5节-程序实战之最小值算法

Python从入门到高手3.5节-程序实战之最小值算法

目录 3.5.1 算法思路 3.5.2 构造随机数 3.5.3 条件控制语句 3.5.4 完整的代码实现 3.5.5 大神薯条老师 3.5.1 算法思路 算法原理很简单&#xff0c;先任取两个数进行比较&#xff0c;以计算两个数中的最小值&#xff1a; 假设得到的最小值为min_&#xff0c;再用这两个数…
阅读更多...
天坑！Spark+Hive+Paimon+Dolphinscheduler

天坑！Spark+Hive+Paimon+Dolphinscheduler

背景： 数据中台项目使用Spark+Hive+Paimon做湖仓底层，调度任务使用的是基于Dolphinscheduler进行二开。在做离线脚本任务开发时，在Paimon库下执行非查询类SQL报错。 INSERT报错 DELETE报错 现状： 原始逻辑为数据中台中选择的Paimon数据源，实际上在Dolphinscheduler中是…
阅读更多...
卷积神经网络（CNN）的计算量和参数怎么准确估计？

卷积神经网络（CNN）的计算量和参数怎么准确估计？

&#x1f349; CSDN 叶庭云&#xff1a;https://yetingyun.blog.csdn.net/ 1. 卷积层&#xff08;Convolutional Layer&#xff09; a) 计算量估计&#xff1a; 卷积层的 FLOPs 2 * H_out * W_out * C_in * C_out * K_h * K_w 详细解释&#xff1a; H_out, W_out&#xff…
阅读更多...
（JAVA）浅尝关于 “栈” 数据结构

（JAVA）浅尝关于 “栈” 数据结构

1. 栈的概述&#xff1a; 1.1 生活中的栈 存储货物或供旅客住宿的地方&#xff0c;可引申为仓库、中转站。例如酒店&#xff0c;在古时候叫客栈&#xff0c;是供旅客休息的地方&#xff0c;旅客可以进客栈休息&#xff0c;休息完毕后就离开客栈 1.2计算机中的栈 将生活中的…
阅读更多...
WebGIS包括哪些技术栈？怎么学习？

WebGIS包括哪些技术栈？怎么学习？

WebGIS&#xff0c;其实是利用Web开发技术结合地理信息系统&#xff08;GIS&#xff09;的产物&#xff0c;它是一种通过Internet实现GIS交互操作和服务的最佳途径。 WebGIS通过图形化界面直观地呈现地理信息和特定数据&#xff0c;具有可扩展性和跨平台性。 它提供交互性&am…
阅读更多...
springboot实战学习（10）(ThreadLoacl优化获取用户详细信息接口)（重写拦截器afterCompletion()方法）

springboot实战学习（10）(ThreadLoacl优化获取用户详细信息接口)（重写拦截器afterCompletion()方法）

接着学习。之前的博客的进度&#xff1a;完成用户模块的注册接口的开发以及注册时的参数合法性校验、也基本完成用户模块的登录接口的主逻辑的基础上、JWT令牌"的组成与使用、完成了"登录认证"&#xff08;生成与验证JWT令牌&#xff09;以及完成获取用户详细信…
阅读更多...
使用Qt实现实时数据动态绘制的折线图示例

使用Qt实现实时数据动态绘制的折线图示例

基于Qt的 QChartView 和定时器来动态绘制折线图。它通过动画的方式逐步将数据点添加到图表上&#xff0c;并动态更新坐标轴的范围&#xff0c;提供了一个可以实时更新数据的折线图应用。以下是对代码的详细介绍及其功能解析&#xff1a; 代码概述 该程序使用Qt的 QChartView…
阅读更多...
Vxe UI vue 使用 vxe-form 表单实现简历模板

Vxe UI vue 使用 vxe-form 表单实现简历模板

Vxe UI 使用 vxe-form 表单实现简历模板 查看 github <template><div><p>边框&#xff1a;<vxe-switch v-model"border"></vxe-switch>标题背景&#xff1a;<vxe-switch v-model"titleBackground"></vxe-switch&…
阅读更多...
鸿蒙开发（NEXT/API 12）【请求用户授权】手机侧应用开发

鸿蒙开发（NEXT/API 12）【请求用户授权】手机侧应用开发

为保护用户隐私&#xff0c;Wear Engine的API需要用户授权才可以正常访问。建议开发者在用户首次调用Wear Engine开放能力的时候执行本章节操作。 申请用户穿戴设备权限 应用拉起华为账号登录和授权界面&#xff0c;由用户授权相应的数据访问权限。用户可以自主选择授权的数据…
阅读更多...
最新文章

Copyright @ 2022~2023