版权声明:本文为博主原创文章未经博主允许不得转载。 /qq_/article/details/
软件实现跨平台必须保证其能够在不同平台下编译。CMake允许开发者编译一种平台无关的CMakeLists.txt文件来制定整个编译流程然后再根据目标用户的平台进一步生成所需的本地化的Makefile和工程文件,从而做到
Write once, run everywhere
make -C PATH
命令进行编译。 -C
表示到指定目录下执行make, PATH
为Makefile文件所茬目录在Makefile文件所在目录执行make命令,可以不需要带任何参数直接执行 make
命令进行编译。
.vscode
文件中包含了关于VSCode编辑器的一些配置文件
c_cpp_properties.json
文件中主要是配置头文件查找路径,当使用到第三方库比如Boost,OpenCV等,就需要在这个文件中添加这些库的头文件路径
setting.json
文件对当前的工程进行了一些配置。
build
是cmake构建工程是产生的里面包含了cmake产生的所有内容,这是使用VSCode的好处直接执行cmake .
,cmake文件将直接分散到整个工程中不利于项目的管悝。
CMakeLists.txt
是整个工程的核心它定义了整个工程的编译流程。
这里的项目使用三个库分别是Boost,OpenCV,OpenGL,有关它们的安装配置教程如下:
Boost安装使用方法:
OpenCV安装使用方法:
OpenGL安装使用方法:
下面提供两个json文件的内容:
这里配置需要根据自己的实际情况做一些相应的修改
用于测试三个库的源碼:
如果你的工程没有涉及第三方库的使用,可以直接在CMakeLists.txt
文件中将有关第三方库的内容删除
然后按上图操作先点击铅笔图標,然后在弹出来的菜单上点击"true"即可对了别忘了先在扩展商店安装好"ESLint"这个插件哦。
简评:在 VSCode 中直接调试真的很舒服省去很多切换到 Chrome 的时间。
到此所有的配置工作已经完成其他的配置选项可以参考 。
我们来测试一下这个功能按 F5 键开始调试我们的项目。如果成功了的话将会弹出这个工具栏:
现在可以在我们的 react 应用中添加断点打开 src/App.js 文件,在代码中第 11 行添加断点
文件中配置过的)。此时应用会自动停在断点的位置
到此已经成功在 VSCode 中调试我们的 react 工程。