QT GUI开发（一）：保姆级VS2015配置QT开发环境

前言

做软件开发，特别是用户图形界面交互方向，QT的应用越来越广泛了，因其可移植性，以及强大的配置库，大有替代VS的MFC的趋势，笔者2011年上大学的时候，一般开发GUI界面工程都还是基于MFC的框架，到了2015年开始研究生学习的时候，考虑到移植到嵌入式平台的应用需求，已经开始应用QT作为自己的毕设GUI界面开发平台了。正好现在自己的工作也主要与QT打交道，所以又重新捡回QT，后续会介绍多种QT开发的小技巧以及应用。

目前市场上对上位机，特别是QT开发还是比较受欢迎的，以笔者所在二线城市长沙为例，在求职市场上的岗位需求如下图可以看出，比较熟练应用QT的话，基本上薪资过万问题不大。

本系列第一章，介绍一下如何在VS2015中配置QT开发环境，话不多说，开始！

一. QT环境搭建

1.1 QT安装

官网下载一个QT：QT官网

我选择的是5.9.6（虽然文件名均显示为x86，其实安装的时候32位，64位都是可选的），找到Windows下的版本，点击下载

下载完成后，双击安装

点击“Next”，邮箱注册一个QT账号，输入账号密码点击“Next”

点击“下一步”开始安装，选择安装文件夹


点击“下一步”，根据需要选择需要安装的组件（选的越多安装所需空间越大，根据自己需求来选择，可以不用选我这么多）

点击“下一步”


选择接受协议，点击“下一步”

点击“下一步”

点击“安装”，开始安装


等待一段时间，安装完成

点击“完成”，Qt Create可以正常打开，即安装完毕

将QT添加到环境变量，计算机右键点击“属性”

点击“高级系统设置”

点击“环境变量”

找到系统变量中的Path，双击，添加QT路径

确定保存，重启电脑（环境变量生效）。

1.2 VS中安装工具库

打开VS2015

点击“工具”，选择“扩展和更新”

点击“联机”，右上角搜索框输入：QT(回车)

QT工具出现在第一行，点击“下载”

下载完毕，开始安装，点击“安装”

安装完之后，会显示一个绿色小勾，

建议把QtPackage也安装上（），点击“下载”


下载完毕，点击“安装”

安装成功

重启VS2015，工具栏出现“Qt5”、“Qt VS Tools”,报了一个弹窗错误：未能正确加载“Vsix”包

查到是装了Qt add插件后Qt插件自动更新了 ，导致版本不匹配（没有警告，就忽略这里），扩展和更新中Qt插件有个自动更新选项，取消自动更新。


重启VS2015，不弹出报错，点击工具栏“Qt5”，选择“Qt Options”

点击“Add”，配置QT路径

选择QT路径

点击"OK"

再点击“OK”，保存默认QT版本，QT环境搭建完成！下面进行创建一个小小的QT应用实例，简单介绍一下。

二. QT简单工程示例

打开VS2015，新建一个项目，列表项选择“Qt5 Projects”，选择“Qt Application” ,选d定项目位置，输入项目名

点击"确定"

点击“下一步”，配置所需QT库

本文仅介绍简单GUI工程示例，所以默认配置项，点击“Finish”，进入工程界面

基本的QT GUI文件均已配置完成，打开“project1.ui”（默认为安装好的Qt Creator 打开）

在这里可以对GUI进行设计，默认只有窗口，无任何控件，回到VS2015，点击工具栏中“生成”中的“生成解决方案”

生成成功，点击“调试”中的“开始调试”（或者绿色小三角）

弹出GUI界面，调试成功。本实例仅作为确定QT可以进行开发了的验证，所以没有添加任何控件或者其他功能，目的是搭建好QT环境，测试验证一下。

三. 小结

本文主要介绍了在VS2015中配置QT5.9.6的过程，主要是为后续进行基于QT的GUI工程开发做好准备工作，后续会在GUI中添加相关控件，以及各种不同功能进行设计开发，争取实现几个落地项目进行详细介绍，欢迎各位同学一起学习交流。