VSCode14.1配置简单OpenGL环境（Win10_64位+mingw64+glut）

VSCode14.1配置简单OpenGL环境（Win10_64位+mingw64+glut）

一、VSCode配置C /C++环境

参考自知乎: Visual Studio Code 如何编写运行 C、C++ 程序？

1. VSCode下载和安装

1.1官网下载安装包：VSCode下载链接

1.2安装VSCode

双击程序安装，接受协议，下一步……
下图红框内的前两个选项建议勾选，这样右键菜单栏会有通过VSCode打开这个选项；添加到PATH变量是默认的，我没有取消。

安装后在桌面和文件资源管理器中右键会有选项，方便编辑文件

2. VSCode配置C/C++环境

2.1下载c/c++编译器

下载地址：mingw-w64网址
选择最新版本中的x86_64-posix-she，下载后得到一个后缀名为.7z的压缩文件

2.2配置编译器

以防万一，建议在每次环境或配置更改之后重启一下VSCode，毕竟是一个轻量级的编辑器，不费什么力气。
将下载后的压缩包直接解压，得到一个名为mingw64的文件，将其放到一个不容易被删的地方，例如直接放到C盘根目录，将该文件的bin目录(打开bin目录直接在资源管理器里面复制–C:\mingw64\bin)添加到环境变量

此电脑-》右键-》属性-》高级系统设置-》环境变量-》系统变量中选中Path，点击编辑-》进入编辑界面点击新建-》填写C:\mingw64\bin路径-》确定

2.3验证编译环境的配置

按Win+R，输入cmd回车之后打开命令提示符，输入gcc，出现如下提示：

输入gcc -v显示gcc的版本，应该与刚刚下载的版本相同。

两项验证都要进行。

2.4 VSCode安装扩展(extension)

在VSCode中的extension中搜索C/C++(提供Debug和Format功能)、CodeRunner(右键即可编译运行单文件，无法Dubug)，点击install并安装。

2.5配置自己的C/C++工作区

创建一个存放代码的文件夹（称作工作区文件夹），路径不能含有中文和引号，最好不要有空格，例如：C:\Projects\VSCode-C++。C和C++需要分别建立不同的文件夹。
打开VSC，选择File-OpenFolder,打开刚刚新建的文件夹。

点击新建文件夹，名称为.vscode。

点击新建文件，在.vscode目录下新建launch.json，tasks.json，settings.json。

以下文件内容皆来自于本篇参考的知乎教程（教程很详细）

launch.json

// https://github.com/Microsoft/vscode-cpptools/blob/master/launch.md
{
    "version": "0.2.0",
    "configurations": [{
        "name": "(gdb) Launch", // 配置名称，将会在启动配置的下拉菜单中显示
        "type": "cppdbg", // 配置类型，cppdbg对应cpptools提供的调试功能；可以认为此处只能是cppdbg
        "request": "launch", // 请求配置类型，可以为launch（启动）或attach（附加）
        "program": "${fileDirname}/${fileBasenameNoExtension}.exe", // 将要进行调试的程序的路径
        "args": [], // 程序调试时传递给程序的命令行参数，一般设为空即可
        "stopAtEntry": false, // 设为true时程序将暂停在程序入口处，相当于在main上打断点
        "cwd": "${fileDirname}", // 调试程序时的工作目录，${workspaceFolder}为工作区文件夹； ${fileDirname}为文件所在目录
        "environment": [], // 环境变量
        "externalConsole": true, // 为true时使用单独的cmd窗口，与其它IDE一致；18年10月后设为false可调用VSC内置终端
        "internalConsoleOptions": "neverOpen", // 如果不设为neverOpen，调试时会跳到“调试控制台”选项卡，你应该不需要对gdb手动输命令吧？
        "MIMode": "gdb", // 指定连接的调试器，可以为gdb或lldb。但我没试过lldb
        "miDebuggerPath": "gdb.exe", // 调试器路径，Windows下后缀不能省略，Linux下则不要
        "setupCommands": [
            { // 模板自带，好像可以更好地显示STL容器的内容，具体作用自行Google
                "description": "Enable pretty-printing for gdb",
                "text": "-enable-pretty-printing",
                "ignoreFailures": false
            }
        ],
        "preLaunchTask": "Compile" // 调试会话开始前执行的任务，一般为编译程序。与tasks.json的label相对应
    }]
}

tasks.json

// https://code.visualstudio.com/docs/editor/tasks
{
    "version": "2.0.0",
    "tasks": [{
        "label": "Compile", // 任务名称，与launch.json的preLaunchTask相对应
        "command": "g++",   // 要使用的编译器，C用gcc, C++用g++
        "args": [
            "${file}",
            "-o",    // 指定输出文件名，不加该参数则默认输出a.exe，Linux下默认a.out
            "${fileDirname}/${fileBasenameNoExtension}.exe",
            "-g",    // 生成和调试有关的信息
            "-Wall", // 开启额外警告
            "-static-libgcc",     // 静态链接libgcc，一般都会加上
            "-fexec-charset=GBK", // 生成的程序使用GBK编码，不加这一条会导致Win下输出中文乱码
            "-std=c++17", // C++最新标准为c++17，c标准为c11 或根据自己的需要进行修改
        ], // 编译的命令，其实相当于VSC帮你在终端中输了这些东西
        "type": "process", // process是vsc把预定义变量和转义解析后直接全部传给command；shell相当于先打开shell再输入命令，所以args还会经过shell再解析一遍
        "group": {
            "kind": "build",
            "isDefault": true // 不为true时ctrl shift B就要手动选择了
        },
        "presentation": {
            "echo": true,
            "reveal": "always", // 执行任务时是否跳转到终端面板，可以为always，silent，never。具体参见VSC的文档
            "focus": false,     // 设为true后可以使执行task时焦点聚集在终端，但对编译C/C++来说，设为true没有意义
            "panel": "shared"   // 不同的文件的编译信息共享一个终端面板
        },
        // "problemMatcher":"$gcc" // 此选项可以捕捉编译时终端里的报错信息；但因为有Lint，再开这个可能有双重报错
    }]
}

settings.json

{
    "files.defaultLanguage": "cpp", // ctrl+N新建文件后默认的语言
    "editor.formatOnType": true,  // 输入分号(C/C++的语句结束标识)后自动格式化当前这一行的代码
    "editor.suggest.snippetsPreventQuickSuggestions": false, // clangd的snippets有很多的跳转点，不用这个就必须手动触发Intellisense了
    "editor.acceptSuggestionOnEnter": "off", // 我个人的习惯，按回车时一定是真正的换行，只有tab才会接受Intellisense
    // "editor.snippetSuggestions": "top", // （可选）snippets显示在补全列表顶端，默认是inline

    "code-runner.runInTerminal": true, // 设置成false会在“输出”中输出，无法输入
    "code-runner.executorMap": {
        "c": "cd $dir && gcc '$fileName' -o '$fileNameWithoutExt.exe' -Wall -g -O2 -static-libgcc -std=c11 -fexec-charset=GBK && &'$dir$fileNameWithoutExt'",
        "cpp": "cd $dir && g++ '$fileName' -o '$fileNameWithoutExt.exe' -Wall -g -O2 -static-libgcc -std=c++17 -fexec-charset=GBK && &'$dir$fileNameWithoutExt'"
        // "c": "cd $dir && gcc $fileName -o $fileNameWithoutExt.exe -Wall -g -O2 -static-libgcc -std=c11 -fexec-charset=GBK && $dir$fileNameWithoutExt",
        // "cpp": "cd $dir && g++ $fileName -o $fileNameWithoutExt.exe -Wall -g -O2 -static-libgcc -std=c++17 -fexec-charset=GBK && $dir$fileNameWithoutExt"
    }, // 右键run code时运行的命令；未注释的仅适用于PowerShell（Win10默认），文件名中有空格也可以编译运行；注释掉的适用于cmd（win7默认），PS和bash也能用，但文件名中有空格时无法运行
    "code-runner.saveFileBeforeRun": true, // run code前保存
    "code-runner.preserveFocus": true,     // 若为false，run code后光标会聚焦到终端上。如果需要频繁输入数据可设为false
    "code-runner.clearPreviousOutput": false, // 每次run code前清空属于code runner的终端消息，默认false
    "code-runner.ignoreSelection": true,   // 默认为false，效果是鼠标选中一块代码后可以单独执行，但C是编译型语言，不适合这样用

    "C_Cpp.clang_format_sortIncludes": true, // 格式化时调整include的顺序（按字母排序）
}

2.6 运行代码测试

在工作区新建一个main.cpp文件,写一个程序测试：

#include 
int main(int argc, char** argv)
{
    std::cout << "Hello World:你好" << std::endl;
    return 0;
}

VSCode终端输出成功

二、配置OpenGL环境

1. 下载glut配置文件glut32.dll、glut.h、glut32.lib

下载地址：glut

2. 将glut配置文件放到编译环境mingw64相应的文件夹中

– 将glut32.dll文件放入C:\mingw64\bin中
– 将glut.h文件放入C:\mingw64\x86_64-w64-mingw32\include\GL中
– 将glut32.lib文件放入C:\mingw64\x86_64-w64-mingw32\lib中
注意：以上文件放的位置一定不要放错，非常重要

如果不成功，尝试以下操作，把可能的文件夹都放上相应的glut文件：
将glut32.dll放到C:\mingw64\bin和C:\mingw64\x86_64-w64-mingw32\bin
将glut32.lib放到C:\mingw64\lib和C:\mingw64\x86_64-w64-mingw32\lib
将glut.h放到C:\mingw64\include\GL(自己建)和C:\mingw64\x86_64-w64-mingw32\include\GL

3.VSCode配置glut

3.1修改tasks.json

在args【】里面添加如下三行：

"-lglut32",//使用glut
"-lglu32",
"-lopengl32",

3.2修改settings.json

在"code-runner.executorMap": {}中添加刚刚添加在tasks.json里面的内容，如

"code-runner.executorMap": {
        "c": "cd $dir && gcc '$fileName' -o '$fileNameWithoutExt.exe' -Wall -g -O2 -static-libgcc -std=c11 -lglut32 -lglu32 -lopengl32 -fexec-charset=GBK && &'$dir$fileNameWithoutExt'",
        "cpp": "cd $dir && g++ '$fileName' -o '$fileNameWithoutExt.exe' -Wall -g -O2 -static-libgcc -std=c++17 -lglut32 -lglu32 -lopengl32 -fexec-charset=GBK && &'$dir$fileNameWithoutExt'"
    }, 

4.运行代码测试glut的配置

main.cpp

#include 
#include 
#include  // GLUT头文件
// 图形绘制函数
void myDrawing(void) {
	//清除颜色缓冲区
   printf("$\n");
	glClearColor(0.0, 0.0, 1.0f, 0.0);    //设置背景清除蓝色
	glClear(GL_COLOR_BUFFER_BIT);         //执行清除

	//以线框形式绘制一个茶壶
	glRotatef(45, 1.0f, 1.0f, 1.0f);      //旋转 -- <缩放窗口>
	glutWireTeapot(0.5f);                 //壶
	//glutWireSphere(0.5f, 24, 24);         //线框球面
	//glutWireTorus(0.25f, 0.6, 30, 25);    //线框球面
	glFlush(); //强制绘图
}
// 主函数
int main(void) {
	//对GLUT进行初始化
	glutInitDisplayMode(GLUT_SINGLE|GLUT_RGB);
	//产生一个名为"Hello"的绘制窗口, //使用缺省值
	glutCreateWindow("Hello");
	//注册绘制函数
	glutDisplayFunc(myDrawing);
	//清除颜色缓冲区 ----- 放在这里不起作用
	//glClearColor(0.0, 0.0, 1.0f, 0.0); //设置背景清除蓝色
	//glClear(GL_COLOR_BUFFER_BIT);
	//主消息循环
	glutMainLoop(); //进入消息循环
	return 0;
}

运行后出现小茶壶

到此为止，VSCode可以满足我这个业余选课学生的需求了。

我并不是用来专业搞OpenGL开发的，只是这学期选的课用到了C++和OpenGL，这两者对我来说都比较陌生，之前只学过一些基础的C语言，用VSCode只是因为我是一只颜狗（DevC++和CodeBlocks都比较丑，且很久没有更新了，有美化教程试过，但还是觉得丑；VsualStudio体量太大了，不值得），并且貌似VSCode好像还挺火？？

至于Clang、CMake等目前还没有用到，更详细的VSCode配置讲解请看官方文档还有本文引用的知乎文章。

VSCode主题很多，按自己喜好来就可以啦~~~