• 欢迎光临~

VSCode + Mingw64配置OpenGL环境

开发技术 开发技术 2022-10-31 次浏览

前言

最近在复习Learning OpenGL,以前学的时候是根据书的介绍直接使用VS2022来配置OpenGL的开发环境,根据书的操作使用Cmake构建glfw3,添加glad,然后正确设置项目以来并且正确链接以后一般不会有什么问题。但是由于练习的文件都是比较简单的单文件,这一次做练习并不像新建一个vs项目,所以考虑使用vscode进行开发。本来以为会比较简单,也就是手动添加一下依赖,链接一下,但是过程中还是遇到了一些问题,花了一些时间,并且网上也没有找到相应的方法或者解决方案,所以记录一下。

这对熟悉C++开发的人来说可能十分简单,甚至是一个基础的问题,但是从我解决这个问题的角度来说,并不能有效地获取到我需要的答案,花费了一些比较多的时间,我认为还是值得写出来分享一下。
我做分享是为了回馈这个我曾经并且至今依然在受益的互联网

软件环境以及vscode插件配置

本人使用的vscode是insider版本,理论上无论insider还是stable版本都不会有影响,本人暂未验证,请自行验证。

使用到的软件以及vscode插件有:

  • C/C++(必需)
  • CMake(用来编译glfw3,有其他想法的可以使用其他替代软件)
  • msys2 (我是用msys2安装mingw64工具链,如果使用其他工具的也可以自行替换)

编写C++文件

首先我们需要新建一个文件夹作为我们的工作目录,然后按照OpenGl的CreateWindow示例,简单编写对应的C++源文件,我这里直接命名为Source.cpp,可以看到会有报错,提示找不到源文件GLAD和GLFW3
VSCode + Mingw64配置OpenGL环境

这是最好解决的,我们直接为编译器路径设置一下include路径就好(具体路径根据自己环境设置)
VSCode + Mingw64配置OpenGL环境

点击quickFix编辑includePath配置(UI界面下配置)(具体路径根据自己环境设置)
VSCode + Mingw64配置OpenGL环境

或者可以使用JSON配置 (具体路径根据自己环境设置)
VSCode + Mingw64配置OpenGL环境

注意圈出来的,我设置的编译器路径是mingw64下的的g++(具体路径根据自己环境设置),还有对应的intelliSenseMode也最好恰当地配置(理论上没配置好只会影响代码提示)

经过上面的操作,可以看到报错已经消失,但是编译代码会发现有其他错误
VSCode + Mingw64配置OpenGL环境

添加调试文件并运行代码

我们直接使用vscode的C/C++插件生成调试文件并且试着运行一下代码,ctrl + shift + p打开顶部栏选择
VSCode + Mingw64配置OpenGL环境

随后继续选择
VSCode + Mingw64配置OpenGL环境

可以看到在当前我们工作目录下的.vscode文件夹下面生成了一份launch.json文件,里面自动帮我们添加了一些内容(具体路径根据自己环境设置有所不同)
VSCode + Mingw64配置OpenGL环境

然后我们返回我Source.cpp页签,选中左边栏的调试
VSCode + Mingw64配置OpenGL环境

点击小三角形可以直接运行调试,或者我们可以继续使用ctrl + shift + p打开顶部栏选择(必须在你想要运行的Cpp文件下选择)
VSCode + Mingw64配置OpenGL环境

VSCode + Mingw64配置OpenGL环境

可以看到我们并不能正常运行,会有报错
VSCode + Mingw64配置OpenGL环境

这个问题十分简单,有基本的C++知识或者根据Learning OpenGL的操作都可以解决,我们需要把glad头文件添加到我们的项目中,这个时候我们检视一下左侧栏的文件子选栏,可以看到我们在.vscode文件夹下多了一份文件tasks.json(一般第一次都会生成,如果没有生成,重新点击小三角重新Debug一次就行,如果实在是没有自动生成,直接复制粘贴我的吧)
VSCode + Mingw64配置OpenGL环境

我们往args中添加glad.c文件的路径如下:

"args": [
  "-fdiagnostics-color=always",
  "-g",
  "${file}",
  "C:\glad\src\glad.c",

  "-I",
  "C:\glad\include\",
                
  "-I",
  "C:\glfw\glfw-3.3.8\include\",
                
  "-o",
  "${fileDirname}\${fileBasenameNoExtension}.exe"
],

(上面同时添加了glfw3,如果没有加这个会有跟上面glad类似的报错,由于是同样的报错就不浪费时间讲了)

GLFW3报错相关

VSCode + Mingw64配置OpenGL环境

经过上面的处理,后面就是GLFW3相关的一堆报错了,根据Learning OpenGL可知,我们还需要添加对应的glfw3.lib(Cmake编译过程参考Learning OpenGL即可)

"args": [
    "-fdiagnostics-color=always",
    "-g",
    "${file}",
    "C:\glad\src\glad.c",

    "-I",
    "C:\glad\include\",

    "-I",
    "C:\glfw\glfw-3.3.8\include\",
    

    "-L",
    "C:\glfw\glfw-3.3.8\build\src\Debug",

    "-l",
    "glfw3",

    "-l",
    "opengl32",

    
    
    "-o",
    "${fileDirname}\${fileBasenameNoExtension}.exe"
],

本来会以为完事大吉,结果出现了更加恐怖的事情:
VSCode + Mingw64配置OpenGL环境

后面经过排查,(其实如果对Linux和Window下C/C++相关的工具链以及编译知识有所了解,这个一眼就看出是什么问题了),发现其实是动态库的使用有问题,因为我使用的是mingw64的g++编译器,不是cl编译器,不应该使用glfw3.lib库,因为我对这一块也不是很熟悉,所以下面只给出解决办法

首先使用Cmake重新编译glfw,这里我们使用Cmake GUI,在glfw文件夹下新建一个gccbuild文件夹(名字随意)
VSCode + Mingw64配置OpenGL环境

然后点击Configure
VSCode + Mingw64配置OpenGL环境

如果默认的编译器不是gcc可以指定编译器
VSCode + Mingw64配置OpenGL环境

一般不需要做修改,显示应当如下
VSCode + Mingw64配置OpenGL环境

然后点击Generate
生成以后修改一下tasks.json

(所有配置如下)


{
    "tasks": [
        {
            "type": "cppbuild",
            "label": "C/C++: g++.exe 生成活动文件",
            "command": "C:\msys64\mingw64\bin\g++.exe",
            "args": [
                "-g",
                "${file}",
                "C:\glad\src\glad.c",

                "-I",
                "C:\glad\include\",
                
                "-I",
                "C:\glfw\glfw-3.3.8\include\",

                "-L",
                "C:\glfw\glfw-3.3.8\gccbuild\CMakeFiles\src",
                
                "-l",
                ":libglfw3.a",

                "-l",
                ":libgdi32.a",

                "-l",
                ":libopengl32.a",
                
                
                "-fdiagnostics-color=always",
                "-o",
                "${fileDirname}\${fileBasenameNoExtension}.exe",

            ],
            "options": {
                "cwd": "${fileDirname}"
            },
            "problemMatcher": [
                "$gcc"
            ],
            "group": {
                "kind": "build",
                "isDefault": true
            },
            "detail": "调试器生成的任务。"
        }
    ],
    "version": "2.0.0"
}

然后就可以正常编译愉快写代码啦!

程序员灯塔
转载请注明原文链接:VSCode + Mingw64配置OpenGL环境
喜欢 (0)