QT基础【1-开发环境安装】

在这里插入图片描述

在这里插入图片描述

🌈个人主页:godspeed_lucip
🔥 系列专栏:QT从基础到进阶



1 QT开发环境安装

visual studio版本:Microsoft Visual Studio Professional 2022 (64 位) - Current 版本 17.4.3

QT版本:5.12.2

qt vs tools版本:qt-vsaddin-msvc2022-3.0.2

1.1 下载QT安装包

打开链接:Index of /archive/online_installers/4.3 (qt.io) ,选择:

image-20240125195631850

由于是外网下载比较慢,也可以从我的百度网盘链接下载:提取码:ikun

1.2 下载vsQT插件

打开链接:[Index of /archive/vsaddin/2.8.1 (qt.io)](Index of /development_releases/vsaddin/3.0.2 (qt.io)) ,根据你的vs版本选择。文件网盘链接如下:提取码;ikun

image-20240126102832843

1.3 安装QT

双击下载的exe文件,初次打开会要求你登录QT账号,我直接注册了一个。

image-20240125210329740

勾选个人开发:

image-20240125210556067

这个随便选:

image-20240125212126272

选择安装目录:

image-20240125213145321

选择Qt5.12.2:

image-20240125213442235

需要勾选的选项:()只要根据自己的需要来

image-20240125213524162

image-20240125213548999

这一列保持默认即可。之后点击下一步。
image-20240125213709726

点击同意即可:

image-20240125213806071

点击下一步:

image-20240125213845431

点击安装即可。

image-20240125214306695

等待安装即可。

image-20240125220749176

我安装了差不多2个多小时。最终会安装成功。

image-20240125235029915

1.4 安装VS插件

双击刚才下载的文件,点击install

image-20240125235241990

显示安装成功。

image-20240125235420831

1.5 测试QT是否正常运行

进入你安装QT的目录,例如我是:D:\VisualStudio\QT\Tools\QtCreator\bin,在bin目录下找到qtcreater.exe,可以将其添加到桌面快捷方式,点击运行

进入界面,点击创建项目:

image-20240125235826237

选择一个项目模板:

image-20240125235912586

选择项目路径:

image-20240125235930018

在QT中一般选择QMake多一些,而不是CMake。

image-20240126111108065

选择QWidget,点击下一步。

image-20240126000106499

点击下一步:

image-20240126000203651

这是我们在安装Qt时构建的组件。一般是选择默认的32位。

image-20240126000221994

添加到版本控制系统一般不选(可以选额Git)。点击完成创建

image-20240126000307192

进入ui文件:

image-20240126000641041

随便拖动一些控件,创建一个窗口:

image-20240126000606778

点击运行键:

image-20240126000810193

构建出来窗口,则说明我们的安装没有问题,如图:

image-20240126000824852

1.6 Visual Studio中创建QT项目

1.6.1 添加QMake路径

先随便创建一个空项目,进入界面,点击拓展->QT VS tools->Qt Version

image-20240126085505346进入界面,点击+号可以添加新路径。

image-20240126085958985

需要添加QT的msvc的qmake和msvc_64的qmake路径,二者区别是一个是32位的,一个是64位的。先进入你安装QT的路径,例如我安装时选择的安装路径是D:\VisualStudio\QT,那么我需要添加的Qmake路径是D:\VisualStudio\QT\5.15.2\msvc2019\bin\qmake.exe和D:\VisualStudio\QT\5.15.2\msvc2019_64\bin\qmake.exe。

点击新建,点击文件夹图标,选择上述的两个路径,

image-20240126094336714

1.6.2 创建Qt项目

打开vs,点击创建新项目:

image-20240126084617431

出现这些选项表示插件安装成功,我们选择 Qt Widgets Application

image-20240126084756429

选择项目路径,点击创建:

image-20240126084934610

出现界面,点击next

image-20240126085104965

默认为32位,点击next

image-20240126102931456

选择QWidget,点击finish

image-20240126103236930

创建完成之后运行,

image-20240126103452600

当在vs中打开.ui文件时,会报错。因此需要设置使用QtCreator打开.ui文件。我的QtCreator.exe文件路径为:D:\VisualStudio\QT\Tools\QtCreator\bin\qtcreator.exe。

image-20240126103622293

选中.ui文件,选择打开方式

image-20240126104210248

选择QtCreator打开。

image-20240126104346913

将其设置为默认值

image-20240126104436726

随便添加几个控件后,保存。

image-20240126104639840

运行vs项目,如图。此时Visual Studio的QT配置就完成了

image-20240126104716486

1.7 报错解决

1.7.1 问题

同时我文件路径存在非法字符,但是我的路径中并没有非法字符有"。"

image-20240126095116848

1.7.2 解决

更换qt vs tools插件。我之前的配置是qt-vsaddin-msvc2022-2.8.1-rev.06。然后我重新安装了qt-vsaddin-msvc2022-3.0.2。

1.7.3 卸载当前的qt vs插件

在vs主界面,点击拓展->管理拓展,找到Qt vs tools,点击卸载。卸载时需要关闭vs

image-20240126100459493

卸载成功会出现:

image-20240126100901855

1.7.4 参考资料

qt vs tools 无法添加qt version的解决方法-CSDN博客

Visual Studio 2022 QT 开发环境配置 - 辛亚平 - 博客园 (cnblogs.com)

Qt Visual Studio Tools - Visual Studio Marketplace

2 总结

在代码的舞台上翩翩起舞, Qt,如诗如画,编织梦的彩虹。

跨越平台的轻盈舞姿, 文档的琴音,灵感的涟漪。

模块的花瓣,细腻而丰满, 开发者的心灵,在那里盛开。

清新而深邃,如林中明月, Qt,用优雅的笔触,谱写未来的篇章。

渴望挑战Qt的学习路径和掌握进阶技术?不妨点击下方链接,一同探讨更多Qt的奇迹吧。我们推出了引领趋势的💻QT专栏:《QT从基础到进阶》 ,旨在深度探索Qt的实际应用和创新。🌐🔍

在这里插入图片描述

在这里插入图片描述

评论 5
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值