QT环境的搭建安装：VsCode及Qt Creator

news2024/9/26 3:24:31

前言：

vscode的界面美观，并且和QT一样的跨平台，所以可以选择vscode作为开发环境。
QT5.9.X版本成熟，相应教程丰富，并且5.9.9版本具有生成CMake功能，所以本文以QT5.9.9版本为例，给出QT环境的搭建。
平时的开发可以在qtcreator中进行界面UI设计布局，在vscode中设计代码和编译、调试。

cmake的安装

1. 双击安装包运行，一直Next到下图，此处为方便选择了安装程序自动添加环境变量

在这里插入图片描述

安装路径可更换，只需要相应地更改环境变量，本文选择默认路径
在这里插入图片描述

2.安装完成后检查环境变量是否配置正确

在这里插入图片描述

CMake\bin为所需要的环境变量

3.Win+R 输入cmd，输入cmake -version，显示出CMake的版本号后，CMake安装完成

在这里插入图片描述

Qt Creator安装

1.双击安装包运行，如有账号直接登录，无账号则输入邮箱和新账号密码注册,之后

在这里插入图片描述

2.安装路径可自定义，但后期要把MinGW的路径添加到系统环境变量中

在这里插入图片描述

3.由于本教程配置的环境用于VSCode情况下X86界面程序开发，所以只选择了以下组件

在这里插入图片描述

4.其余步骤按照安装程序默认进行即可，安装完成后根绝自己MinGW安装路径配置环境变量，这个需要自己手动配置

在这里插入图片描述

(第一行.GCC等编译工具路径第二行.QT图形界面等库路径)

5.Win+R 输入cmd，输入gcc -v，显示出GCC的版本号后，QT安装完成

在这里插入图片描述

VSCode安装

1.这个比较熟悉了一路next

2.主要是插件，这四个必须要有

在这里插入图片描述

3.F1快捷键打开搜索引擎，输入"QtConfigfigure",选择第一个"QtConfigfigure:Set Qt Dir",然后选择Qt的安装目录即可。

如果弹出下面的提示信息，就说明Qt的安装路径已经设置成功了。
在这里插入图片描述

HelloWorld ！QT

VsCode

1.在搜索引擎中输入QtConfigfigure:new project,创建一个测试项目

在这里插入图片描述

输入项目名称：

在这里插入图片描述

选择编译器类型，然后编译运行即可

在这里插入图片描述

选择CMake

在这里插入图片描述

选择带UI

在这里插入图片描述

就会自动生成下列代码

在这里插入图片描述

其中QApplication a(argc, argv);表示：a应用程序对象，在qt中有且仅有一个
HelloWorld w;表示窗口对象 HelloWorld父类是Qwidget
w.show();表示窗口对象，默认是不会显示的，必须调用show才会显示
return a.exec();表示让应用程序对象进入消息循环，也就是窗口会阻塞等待指令不会一闪而过

Cmake: Select a Kit选择gcc

在这里插入图片描述

然后调试选择QTbuild

在这里插入图片描述

就可以运行啦

在这里插入图片描述

Qt Creator

新建项目

在这里插入图片描述

向导会默认添加一个继承自CMainWindow的类，可以在此修改类的名字和基类。默认的基类有QMainWindow、QWidget以及QDialog三个，我们可以选择QWidget（类似于空窗口），这里我们可以先创建一个不带UI的界面，继续下一步

在这里插入图片描述

选择编译套件

在这里插入图片描述

生成代码

在这里插入图片描述
解释：
Qt系统提供的标准类名声明头文件没有.h后缀
Qt一个类对应一个头文件，类名就是头文件名
QApplication应用程序类
管理图形用户界面应用程序的控制流和主要设置。
是Qt的整个后台管理的命脉它包含主事件循环，在其中来自窗口系统和其它资源的所有事件处理和调度。它也处理应用程序的初始化和结束，并且提供对话管理。
对于任何一个使用Qt的图形用户界面应用程序，都正好存在一个QApplication 对象，而不论这个应用程序在同一时间内是不是有0、1、2或更多个窗口。
a.exec()
程序进入消息循环，等待对用户输入进行响应。这里main()把控制权转交给Qt，Qt完成事件处理工作，当应用程序退出的时候exec()的值就会返回。在exec()中，Qt接受并处理用户和系统的事件并且把它们传递给适当的窗口部件。
运行结果如下，和VScode一致，只是换了窗口名称
在这里插入图片描述

pro文件

.pro文件
在这里插入图片描述

在使用Qt向导生成的应用程序.pro文件格式如下：

QT       += core gui  //包含的模块
greaterThan(QT_MAJOR_VERSION, 4): QT += widgets //大于Qt4版本 才包含widget模块
TARGET = QtFirst  //应用程序名  生成的.exe程序名称
TEMPLATE = app    //模板类型    应用程序模板
SOURCES += main.cpp\   //源文件
        mywidget.cpp
HEADERS  += mywidget.h   //头文件

.pro就是工程文件(project)，它是qmake自动生成的用于生产makefile的配置文件。.pro文件的写法如下：

注释

从“#”开始，到这一行结束。
模板变量告诉qmake为这个应用程序生成哪种makefile。下面是可供使用的选择：TEMPLATE = app
app -建立一个应用程序的makefile。这是默认值，所以如果模板没有被指定，这个将被使用。
lib - 建立一个库的makefile。
vcapp - 建立一个应用程序的VisualStudio项目文件。
vclib - 建立一个库的VisualStudio项目文件。
subdirs -这是一个特殊的模板，它可以创建一个能够进入特定目录并且为一个项目文件生成makefile并且为它调用make的makefile。
#指定生成的应用程序名：
TARGET = QtDemo
#工程中包含的头文件
HEADERS += include/painter.h
#工程中包含的.ui设计文件
FORMS += forms/painter.ui
#工程中包含的源文件
SOURCES += sources/main.cpp sources
#工程中包含的资源文件
RESOURCES += qrc/painter.qrc
greaterThan(QT_MAJOR_VERSION, 4): QT += widgets
这条语句的含义是，如果QT_MAJOR_VERSION大于4（也就是当前使用的Qt5及更高版本）需要增加widgets模块。如果项目仅需支持Qt5，也可以直接添加“QT += widgets”一句。不过为了保持代码兼容，最好还是按照QtCreator生成的语句编写。
#配置信息
CONFIG用来告诉qmake关于应用程序的配置信息。
CONFIG += c++11 //使用c++11的特性
在这里使用“+=”，是因为我们添加我们的配置选项到任何一个已经存在中。这样做比使用“=”那样替换已经指定的所有选项更安全。