IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> 开发工具 -> VSCode+OpenGL+MinGW+CMake配置 -> 正文阅读

[开发工具]VSCode+OpenGL+MinGW+CMake配置

VSCode+OpenGL+MinGW+CMake配置

Direct12学习门槛太高了,看隔壁opengl似乎要好一点,又是跨平台的,也想试一试了.但是实在不想用vs2019实在太臃肿了,电脑配置根本用不起,所以还是决定用vscode,但是配置真的麻烦,这里记录一下.
1.下载cmake
下载地址 https://cmake.org/download/.
如图挑一个符合自己版本的下载
在这里插入图片描述
在安装过程中把add to path添加到系统路径给勾上 或者事后自己添加
在这里插入图片描述
win+r输入cmd打开命令行输入cmake -version出现下图即可
在这里插入图片描述
2.安装MingW
正规的官网下来的安装器从来都不好使,所以我去codeblocks白嫖了
地址:https://www.codeblocks.org/downloads/binaries/
选这个不用安装解压就可以了
在这里插入图片描述
解压后出现
在这里插入图片描述
把该目录下的bin添加到环境变量即可同理命令行输入g++ -v 出现下图即可
在这里插入图片描述
3.编译glfw
因为是照着LearnOpenGL来的所以用glfw
下载地址:https://www.glfw.org/download.html
注意选择source package我们自己编译
下载后解压得到glfw-3.3.4文件夹下面进行编译
1.打开桌面安装得到的CMake (cmake-gui)在这里插入图片描述
若是非安装版本的话待会会有命令行编译操作
在这里插入图片描述
Browse Source按钮是选择你之前下载的glfw源文件目录(注意这个目录下一定会有个CMakeLists.txt)
Browse Build是你要在哪里生成工程
点击configure我们选择MinGW Makefiles 因为是要搭配MinGW
在这里插入图片描述
然后点击Generate按钮生成,如果是一步步来的话不会出错
在这里插入图片描述
然后在你Browse Build选择的目录下shift+鼠标右键点击"在此处打开powershel窗口"输入cmd进入命令行
输入mingw32-make
如果你前面mingw配置没问题的话会出现这样
在这里插入图片描述
可以看到已经在编译生成了,还有好多样例程序不过那些都没用,可以自己看看效果关键是Browse Build选择的目录下src文件夹中的
在这里插入图片描述
libglfw3.a静态库文件
3.配置glad
LearnOpengl里讲的很清楚这里就不讲了
4.组织我们的opengl工程
我的文件夹如下

test2
    build     cmake生成目录
    include   包含目录,这些文件之前的步骤中都可以得到
        glad
            glad.h
        KHR
            khrplatform.h
            glfw3.h
            glfw3native.h
    lib       静态库目录
        libglfw3.a
    src       源文件目录
        glad.c
        main.cpp
    CMakeLists.txt  cmake文件

其中cmake文件比较关键这是我的CMakeLists.txt,网上七拼八凑得到的


cmake_minimum_required(VERSION 3.0.0)                  #版本号
project(test2)                                         #项目名
include_directories(include)                           #把include纳入包含目录中
link_libraries("${PROJECT_SOURCE_DIR}/lib/libglfw3.a") #链接之前生成的静态库文件
aux_source_directory(./src DIR_ALL_SRC)				   #src目录下所有文件取个DIR_ALL_SRC名字
add_executable(test2 ${DIR_ALL_SRC})                   #生成可执行文件

main.cpp中是LearOpengl的一篇源码测试用
5.编译
同理在test2目录下打开命令行
输入cd build进入build目录下,输入

cmake .. -G "MinGW Makefiles"    

这里的…代表上级目录test2,因为我们的CMakeLists.txt在那里
出现如图
在这里插入图片描述
然后输入

mingw32-make

可以看到和之前编译glfw一样它也开始编译了
在这里插入图片描述
在build目录下可以看到编译出来的test2.exe程序
在这里插入图片描述打开运行和opengl里的一样,没有出错
6.搭配vscode
之前几步如果明白的话,这一步就是水到渠成的
vscode官网下载后安装如下两个插件
在这里插入图片描述
这里我们用自己配置的项目来,先删掉test2目录下build目录里的所有东西
然后在test2目录下鼠标右键->在vscode中打开
打开后vscode ctrl+shift+p 输入cmake configure(CMake 配置)
点击,vscode就会自动开始生成,这个过程类似于之前我们自己手动命令行输入指令,vscode输出窗口
在这里插入图片描述
配置结束后在vscode右侧栏中点击这个按钮出现test2工程
在这里插入图片描述
然后右键在跳出菜单栏中选择调试
有任何错误信息输出窗口都会显示,例如我在main.cpp中随便打了一个x
在这里插入图片描述
或者下断点(F9),也是正确的断了下来
在这里插入图片描述
至此,vscode+opengl+cmake+mingw也是正确的配置好了
以后写的时候只要把头文件放在test2/include目录下
源文件放在test2/src目录下即可
美中不足的是这个调试生成的效率太低速度太慢,不过对于一些小项目已经足够了
最后对于cmake工具还是值得一学的
cmake工具学习:
https://www.hahack.com/codes/cmake/

  开发工具 最新文章
Postman接口测试之Mock快速入门
ASCII码空格替换查表_最全ASCII码对照表0-2
如何使用 ssh 建立 socks 代理
Typora配合PicGo阿里云图床配置
SoapUI、Jmeter、Postman三种接口测试工具的
github用相对路径显示图片_GitHub 中 readm
Windows编译g2o及其g2o viewer
解决jupyter notebook无法连接/ jupyter连接
Git恢复到之前版本
VScode常用快捷键
上一篇文章      下一篇文章      查看所有文章
加:2021-08-14 14:18:45  更:2021-08-14 14:20:29 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年11日历 -2024/11/16 10:16:43-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码