C/C++图形库_EasyX 环境配置(VSCode+MinGW )

文章目录

  • 一、下载安装VSCode
  • 二、下载配置MinGW
  • 三、下载配置EasyX
    • [   1、EasyX官网下载EasyX](#   1、EasyX官网下载EasyX)
    • [   2、将下载文件拷贝至MinGW](#   2、将下载文件拷贝至MinGW)
  • 四、配置EasyX工程项目
    • [   1、新建项目](#   1、新建项目)
    • [   2、使用VScode打开](#   2、使用VScode打开)
    • [   3、编译配置](#   3、编译配置)
      • [     1)、按下Ctrl+shift+P,在搜索框中搜索C/C++: 编辑配置(UI)](#     1)、按下Ctrl+shift+P,在搜索框中搜索C/C++: 编辑配置(UI))
      • [     2)、将编译器路径改为你的mingw路径\bin\g++.exe,IntelliSense选择如图](#     2)、将编译器路径改为你的mingw路径\bin\g++.exe,IntelliSense选择如图)
      • [     3)、此时VSCode目录下会生成一个.vscode文件夹下有c_cpp_properties.json文件。](#     3)、此时VSCode目录下会生成一个.vscode文件夹下有c_cpp_properties.json文件。)
    • [   4、任务配置](#   4、任务配置)
      • [     1)、配置tasks.json文件](#     1)、配置tasks.json文件)
      • [     2)、修改tasks.json文件](#     2)、修改tasks.json文件)
    • [   5、调试配置](#   5、调试配置)
      • [     1)、配置launch.json文件](#     1)、配置launch.json文件)
      • [     2)、修改launch.json文件](#     2)、修改launch.json文件)
  • 五、测试

一、下载安装VSCode

VSCode 安装配置

二、下载配置MinGW

MinGW-w64 安装配置

三、下载配置EasyX

1、EasyX官网下载EasyX

https://easyx.cn/

2、将下载文件拷贝至MinGW

include文件夹下的文件全部复制mingw\x86_64-w64-mingw32的include中。

lib64文件夹的文件全部复制到mingw\x86_64-w64-mingw32的lib文件夹中。

四、配置EasyX工程项目

1、新建项目

新建一个文件夹并新建一个mian.cpp文件。

mian.cpp测试代码

c 复制代码
		
			#include <graphics.h>
			int main() {
			    initgraph(800, 600);
			    while(true) {
			        
			    }
			    return 0;
			}

2、使用VScode打开

3、编译配置

1)、按下Ctrl+shift+P,在搜索框中搜索C/C++: 编辑配置(UI)

2)、将编译器路径改为你的mingw路径\bin\g++.exe,IntelliSense选择如图

3)、此时VSCode目录下会生成一个.vscode文件夹下有c_cpp_properties.json文件。

4、任务配置

1)、配置tasks.json文件

2)、修改tasks.json文件

原tasks.json文件

修改项目:

增加-leasyx用于链接EaxyX库文件(若你编写代码需要链接别的库也在此处添加)。

更改cwd为你的mingw路径\bin,这样可以找到编译器。

group中添加isDefault参数可以作为默认任务生成。

修改后tasks.json文件

java 复制代码
				{
				    "tasks": [
				        {
				            "type": "cppbuild",
				            "label": "C/C++: g++.exe 生成活动文件",
				            "command": "D:\\mingw64\\bin\\g++.exe",
				            "args": [
				                "-fdiagnostics-color=always",
				                "-g",
				                "${file}",
				                "-o",
				                "${fileDirname}\\${fileBasenameNoExtension}.exe",  
				                "-leasyx"  //此处做了修改
				            ],
				            "options": {
				                "cwd": "D:\\mingw64\\bin"
				            },
				            "problemMatcher": [
				                "$gcc"
				            ],
				            "group":{
				                "kind":"build",    //此处做了修改
				                "isDefault":true  //此处做了修改
				            },
				            "detail": "编译器: D:\\mingw64\\bin\\g++.exe"
				        }
				    ],
				    "version": "2.0.0"
				}

5、调试配置

1)、配置launch.json文件

2)、修改launch.json文件

原launch.json文件

修改选项:

被调试程序。

要使用的调试器。

修改后launch.json文件

java 复制代码
				{
				    // 使用 IntelliSense 了解相关属性。 
				    // 悬停以查看现有属性的描述。
				    // 欲了解更多信息,请访问: https://go.microsoft.com/fwlink/?linkid=830387
				    "version": "0.2.0",
				    "configurations": [
				        {
				            "name": "(gdb) 启动",
				            "type": "cppdbg",
				            "request": "launch",
				            //"program": "输入程序名称,例如 ${workspaceFolder}/a.exe",
				            "program": "${fileDirname}\\${fileBasenameNoExtension}.exe", //此处做了修改
				            "args": [],
				            "stopAtEntry": false,
				            "cwd": "${fileDirname}",
				            "environment": [],
				            "externalConsole": false,
				            "MIMode": "gdb",
				            "miDebuggerPath": "D:\\mingw64\\bin\\gdb.exe",   //此处做了修改
				            "setupCommands": [
				                {
				                    "description": "为 gdb 启用整齐打印",
				                    "text": "-enable-pretty-printing",
				                    "ignoreFailures": true
				                },
				                {
				                    "description": "将反汇编风格设置为 Intel",
				                    "text": "-gdb-set disassembly-flavor intel",
				                    "ignoreFailures": true
				                }
				            ]
				        }
				    ]
				}

五、测试

回到main.cpp文件,点击右上角即可编译执行代码文件,看到黑色窗口说明执行成功。

相关推荐
小风吹啊吹~3 分钟前
vscode的tunnel链接(Linux 服务器 + Windows 本地电脑版本)
服务器·vscode·microsoft·远程工作
开开心心就好20 分钟前
整合多家平台资源的免费学习应用
人工智能·vscode·学习·游戏·音视频·语音识别·媒体
迷路爸爸1801 小时前
VSCode / Cursor 中 LaTeX Workshop 的 settings.json 配置:编译与 SyncTeX 跳转
ide·vscode·json·latex
Lhan.zzZ9 小时前
笔记_2026.4.28_004
c++·ide·笔记·qt
π同学15 小时前
ESP-IDF+vscode开发ESP32第十一讲——LEDC
vscode·pwm·eps32
一帘忧梦1 天前
vscode 搭建stm32开发环境 +HAL 库
ide·vscode·编辑器
剑神一笑1 天前
CSS Animation Timeline 可视化动画编辑器:从关键帧到流畅动画
前端·css·编辑器
独隅2 天前
Visual Studio 2026 详细安装教程和配置指南
ide·visual studio
He少年2 天前
【AI 辅助案例分享】
人工智能·c#·编辑器·ai编程
Robot_Nav2 天前
AI 编程助手 Skill 完全指南:VS Code · Trae CN · Claude Code
人工智能·vscode·skill·trae·claude code