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

一. 引子

在上一个章节配置完成了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++的大门

相关推荐
傻啦嘿哟4 小时前
动态HTTP代理与静态HTTP代理的区别及HTTP代理的常见用途与类型
开发语言·php
小志开发4 小时前
Java 多态:代码中的通用设计模式
java·开发语言
索然无味io4 小时前
Python--内置模块和开发规范(上)
开发语言·windows·笔记·python·web安全·网络安全
大麦大麦4 小时前
2025前端最新面试题-安全篇
开发语言·前端·javascript·安全·面试·ecmascript
wyz09234 小时前
python多线程之ThreadLocal 笔记
开发语言·python
Neil__Hu5 小时前
Go的基本语法学习与练习
java·c语言·c++·python·qt·学习·golang
Eugene__Chen5 小时前
java常见面试01
java·开发语言·面试
灏瀚星空5 小时前
用Python+Flask打造可视化武侠人物关系图生成器:从零到一的实战全记录
开发语言·人工智能·经验分享·笔记·python·flask
java1234_小锋5 小时前
一周学会Flask3 Python Web开发-Flask3之表单处理WTForms安装与定义WTForms表单类
开发语言·前端·python