在Vscode开发QT,完成QT环境的配置

发布于:2025-03-04 ⋅ 阅读:(14) ⋅ 点赞:(0)

一. 引子

        在上一个章节配置完成了QT的环境,能够使用QT creator完成对QT的配置,接上话Vs Code的插件以及轻量化使得能够对QT开发的效率提高一大截,但是唯一的缺点就是环境还是稍微有点难配,(对于我这样的新手确实失败了几次)

二. 下载Vs Code

        首先来到Vs Code的官网Visual Studio Code - Code Editing. Redefined ,点击进去。突然发现哎哟,全是英文看不懂,看不懂就算了(不是),点击右上角的非常大的蓝色Download,就是下载

        来到如下界面,左边一个窗户,中间一个企鹅,右边一个苹果,博主是Windows开发所以点击Windows下载就可以了

        选择好自己要下载的地方,然后开始狠狠的下载

        下载完成后,双击.exe文件

        进入到Vs Code的安装界面,首先第一个就是签订协议,又是我被迫同意协议(不是),然后点击下一步

        下一步是选择安装的位置,如果不想要自己电脑的C盘爆炸的话,就还是尽量放在其他地方吧

        下一步是询问你是否要添加Vs Code的快捷方式,这个看个人吧这里就不过多的赘述了,点击下一步

        这里我就只勾选了一个创建桌面的快捷模式,安装界面表达的还是比较清除的,不解释各个选项是什么意思了,看个人情况决定是否勾选

        这个界面是确定并检查之前的安装配置是否有误,若无直接点击下一步就开始安装了,点击安装

        完成后直接打开就可以了

        打开后界面如下

        点击左边框最下面的图标,四个正方形的那个,这里就可以给Vs Code下载插件,有些读者刚开始打开Vs Code的时候可能全部都是英文,是因为没有下载中文插件,博主刚开始就下载了一个中文插件
        需要汉化的就在这里搜索Chinese然后下载第一个插件,应该是需要重启一次汉化才会生效

        下载完Vs Code后先不要着急,我们还要去下载一个东西,叫做Cmake,在上一篇帖子的时候就简单的降解过cmake和qmake,在Vscode因为一般涉及较复杂的开发,其次就是忘记说的一点,现在QT公司还是较为倾向于cmake,在之后可能qmake还是会被渐渐淘汰掉

三. 下载cmake

        点击如下链接进入cmake的官网CMake - Upgrade Your Software Build System,发现哎呀又是英文怎么办呐(好了,不玩了),点击右上角绿色的Download,

        进入下载界面,我们这里就下载一个最新的版本,那就是4.0.0,下面的Windows (x64).zip,直接下载压缩包,点击下载

        还是找到有一个合适的路径,然后开始下载

        下载完成后将cmake解压出来,然后就准备开始配置环境变量了

四. 配置环境变量

        首先win + R 然后输入sysdm.cpl,打开系统属性

        点击高级,打开下面有一个环境变量

        打开环境变量后找到系统变量,然后双击path

        如果双击Path出来的是类似这个界面


        那就在变量值的后面加一个分号,然后出来的就是这个界面了,根据每个人不同的QT下载路径将如下的环境变量添加进去

        如何验证是否正确的配置了环境变量,还是Win + R,然后输入cmd,打开终端,在终端中输入gcc -v,如果显示如下界面就说明配置成功

        那么下一步就开始配置cmake,按照如下路径找到cmake的路径,然后还是按照上述方法打开环境变量

        将cmake的环境变量添加进去

        通过cmake --version这个命令来验证cmake的配置是否成功,还是按照上面的方法打开终端。如果如下显示就说明配置成功了

        那么到此环境变量就全部配置完成了,剩下的就是去Vs Code当中配置QT的环境

五. Vs Code配置QT环境

        来到下载插件的地方,先搜索C/C++,先将这个插件下载下来,用来编写C以及C++代码的插件

        下一个下载cmake,这个插件

        然后下载这个插件

        然后再下载Qt Configure

        再下载最后一个Qt tools,然后我们需要用到的所有插件就下载完成了,然后可以重新启动一下Vs Code

        插件虽然安装完成了,但是还要完成插件的配置,首先先点到CMake Tools这个插件处

        然后点击插件自动更新旁有一个设置的标志然后点击其中的设置

        然后往下滑找到,要使用的Cmake可执行的名称/路径,路径的填写如下E:\Learn\QT\Cmake\cmake-4.0.0-rc2-windows-x86_64\cmake-4.0.0-rc2-windows-x86_64\bin\cmake.exe,这里要把执行文件添加上

        然后再完成Qt Configure的配置,还是点击设置

        填写如下三个参数,参考博主的路径,然后将对应的路径复制上去就可以了

        然后插件的配置也差不多完成了,下一步博主找了一个路径添加了一个文件夹,因为下一步要创建Qt的工程所以需要创建一个文件夹用来存放工程

        下一步在Vs Code中打开文件夹 ,然后按住ctrl + alt + p,调出控制台终端        然后输入qt,找到这里的New Project

        然后输入要创建的工程名字

        这里就选则minggw73_64

        因为我们配置的是Cmake所以就选择cmake就可以了

        然后选择yes

        工程文件就已经创建完成了

        生成一段窗口的代码

        但是配置还没有完成,还是调出控制台然后输入

        然后选择扫描工具包

        然后扫描完成后,就可以在扫描工具那里选择编译器,成功过后这下面就会出现编译器的版本号

        然后就可以点击下面的箭头符号就可以开始运行代码了,非常完美的运行

        但是这个时候注意到左边一个.txt的文件夹有一个黄色提示,问题如下

        点击进去看一下,第一行在报警告,其实这个警告的意思如下的意思

        解决办法就是把版本号改高一点就可以了,例如如下这样,就不会有警告了

        那么我们就成功实现了在Vs Code实现编写Qt的效果了,这也是博主试错了两次得到的正确的答案,之后就一起接收Qt的折磨把,进入C++的大门