当前位置：首页 > news >正文

从零开始：在VSCode中配置现代OpenGL开发环境（MinGW + GLFW + GLAD

news 2025/10/13 7:30:51

前言

对于许多计算机图形学的初学者来说，配置OpenGL的开发环境是学习路上的第一个挑战。本文将提供一份详尽的、保姆级的教程，指导你如何在Windows操作系统上，使用VSCode和MinGW-w64编译器，一步步搭建起一个基于GLFW和GLAD的现代OpenGL（Core Profile, 3.3+）开发环境。

本教程将涵盖：

所需工具和库的下载与准备。
清晰的项目文件结构规划。
VSCode中 tasks.json 和 c_cpp_properties.json 的详细配置。
如何编译并成功运行你的第一个OpenGL窗口程序。
如何定位并运行生成的.exe文件。

一、环境准备

在开始之前，请确保你已经安装了以下软件：

Visual Studio Code: 一款轻量级且功能强大的代码编辑器。
C/C++ Extension for VSCode: 在VSCode的扩展商店中搜索并安装 C/C++ 扩展，由微软提供。
MinGW-w64: 一个为Windows提供的GCC编译器套件。
- 可以通过 MSYS2 安装，或者从 MinGW-w64的官方GitHub 下载独立版本。
- 重要：安装后，务必将其 bin 目录（例如 D:\ProgramFiles\mingw64\bin）添加到系统的环境变量 Path 中。

二、下载核心库：GLFW 和 GLAD

现代OpenGL开发离不开两个核心的辅助库：GLFW 用于创建窗口和处理用户输入，GLAD 用于加载和管理OpenGL的函数指针。

1. 下载 GLAD

GLAD需要在线生成。访问 GLAD在线生成服务，并按如下配置：

Language: C/C++
Specification: OpenGL
API gl: Version 3.3 或更高 (3.3是很好的起点)
Profile: Core (这是现代OpenGL的推荐模式)
Options: 确保 Generate a loader 是勾选状态

点击 GENERATE 按钮，然后下载生成的 glad.zip 文件。

2. 下载 GLFW

访问 GLFW官方下载页面，找到 Windows pre-compiled binaries 部分。

根据你的系统类型，选择下载 64-bit Windows binaries。

下载后，你会得到一个类似 glfw-3.4.bin.WIN64.zip 的文件。

三、搭建项目结构

一个良好、清晰的项目结构是成功的一半。在你的工作区创建一个项目主文件夹（例如 MyOpenGLProject），并在其中创建以下子文件夹：

MyOpenGLProject/
├── .vscode/          // VSCode配置文件将存放于此
├── build/            // 存放编译后生成的可执行文件
├── include/          // 存放所有库的头文件
├── lib/              // 存放链接库文件 (.a)
└── src/              // 存放你的源代码 (.cpp, .c)```现在，将我们下载的库文件解压并放入对应的位置：1.  **处理 `glad.zip`**:*   解压后，进入 `include` 文件夹，将其中的 `glad` 和 `KHR` 两个文件夹复制到你自己项目的 `include` 文件夹中。*   解压后，进入 `src` 文件夹，将其中的 `glad.c` 文件复制到你自己项目的 `src` 文件夹中。2.  **处理 `glfw-....zip`**:*   解压后，进入 `include` 文件夹，将其中的 `GLFW` 文件夹复制到你自己项目的 `include` 文件夹中。*   解压后，找到名为 `lib-mingw-w64` 的文件夹，将其中的 `libglfw3.a` 文件复制到你自己项目的 `lib` 文件夹中。完成以上步骤后，你的项目结构应该如下所示：

MyOpenGLProject/
├── include/
│ ├── glad/
│ ├── KHR/
│ └── GLFW/
├── lib/
│ └── libglfw3.a
└── src/
└── glad.c


## 四、 配置 VSCode这是最关键的一步。我们需要告诉VSCode如何找到头文件（用于代码提示）以及如何编译我们的项目。在你的项目根目录下，创建 `.vscode` 文件夹，并在其中创建以下两个JSON文件。### 1. `c_cpp_properties.json` (用于智能提示)这个文件帮助VSCode的IntelliSense引擎定位头文件，实现代码自动补全和语法检查。```json
{"configurations": [{"name": "Win32","includePath": ["${workspaceFolder}/**"],"defines": ["_DEBUG","UNICODE","_UNICODE"],"compilerPath": "D:/ProgramFiles/mingw64/bin/g++.exe","cStandard": "c17","cppStandard": "c++17","intelliSenseMode": "windows-gcc-x64"}],"version": 4
}