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

前言:

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

cmake的安装

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

QT环境的搭建安装:VsCode及Qt Creator_第1张图片

  安装路径可更换,只需要相应地更改环境变量,本文选择默认路径
QT环境的搭建安装:VsCode及Qt Creator_第2张图片

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

QT环境的搭建安装:VsCode及Qt Creator_第3张图片
QT环境的搭建安装:VsCode及Qt Creator_第4张图片

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

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

在这里插入图片描述

Qt Creator安装

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

QT环境的搭建安装:VsCode及Qt Creator_第5张图片

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

QT环境的搭建安装:VsCode及Qt Creator_第6张图片

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

QT环境的搭建安装:VsCode及Qt Creator_第7张图片

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

QT环境的搭建安装:VsCode及Qt Creator_第8张图片

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

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

QT环境的搭建安装:VsCode及Qt Creator_第9张图片

VSCode安装

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

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

QT环境的搭建安装:VsCode及Qt Creator_第10张图片

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

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

HelloWorld !QT

VsCode

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

QT环境的搭建安装:VsCode及Qt Creator_第11张图片

输入项目名称:

在这里插入图片描述

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

在这里插入图片描述

选择CMake

QT环境的搭建安装:VsCode及Qt Creator_第12张图片

选择带UI

在这里插入图片描述

就会自动生成下列代码

QT环境的搭建安装:VsCode及Qt Creator_第13张图片

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

Cmake: Select a Kit选择gcc

在这里插入图片描述

然后调试选择QTbuild

QT环境的搭建安装:VsCode及Qt Creator_第14张图片

就可以运行啦

QT环境的搭建安装:VsCode及Qt Creator_第15张图片

Qt Creator

新建项目

QT环境的搭建安装:VsCode及Qt Creator_第16张图片

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

QT环境的搭建安装:VsCode及Qt Creator_第17张图片

选择编译套件

QT环境的搭建安装:VsCode及Qt Creator_第18张图片

生成代码

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

pro文件

.pro文件
QT环境的搭建安装:VsCode及Qt Creator_第21张图片

  在使用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的特性
    在这里使用“+=”,是因为我们添加我们的配置选项到任何一个已经存在中。这样做比使用“=”那样替换已经指定的所有选项更安全。

你可能感兴趣的:(QT,vscode,qt)