Visual studio2017+qt5.14安装环境配置教程

toc

1 前提

1.1 Visual studio2017

是一个集成开发IDE：集成开发环境（IDE，Integrated Development Environment ）是用于提供程序开发环境的应用程序，一般包括代码编辑器、编译器、调试器和图形用户界面等工具。集成了代码编写功能、分析功能、编译功能、调试功能等一体化的开发软件服务套。所有具备这一特性的软件或者软件套（组）都可以叫集成开发环境。

1.2 QT

Qt 是一个1991年由Qt Company开发的跨平台C++图形用户界面应用程序开发框架。它既可以开发GUI程序，也可用于开发非GUI程序，比如控制台工具和服务器。Qt自带的编辑器叫做qt creator

1.3 为什么要用QT+VS共同编程

Qt分为IDE和编辑器两部分，我们使用qt的IDE但不适用qt的编辑器qt creator，而是使用VS2017作为编辑器，因为qt creator的bug较多，vs2017支持编写qt而且更便于开发，还可以将qt和其他VS2017支持的插件相结合运行

1.4 安装软件版本

系统：Windows 10 x64位

Visual studio：2017 社区版 （Visual studio 2017 community）

Qt：5.14

2 软件下载安装

2.1 Visual Studio 2017 community 安装

下载网址：点击此处下载VS2017

在这里插入图片描述

这里需要登录微软账号，如果没有可以注册一个（不需要科学x网）

在这里插入图片描述

选择中文简体，然后下载community版本

在这里插入图片描述

最后不要下载到C盘

在这里插入图片描述

下载完成后打开，点击继续，等待下载完成

在这里插入图片描述

选择使用c++桌面开发，安装在默认位置就可以

在这里插入图片描述

在这里插入图片描述

等待下载完成（等待得过程可以先去安装qt）

在这里插入图片描述

默认就好

在这里插入图片描述

2.2 QT安装

qt下载地址：点击此处下载

下载2.5g的那一个

在这里插入图片描述

有点大。耐心等待

在这里插入图片描述

下载完成后打开软件

在这里插入图片描述

可能需要先注册一个qt账号，然后登陆

在这里插入图片描述

在这里插入图片描述

我安装在了F盘（安装在哪都可以，只要记得就好）

在这里插入图片描述

没必要全选

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

等待安装完成

在这里插入图片描述

在这里插入图片描述

安装完成后可以看到在最近安装里面多出很多

在这里插入图片描述

3 visual studio安装qt拓展插件

打开vs2017

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

关闭vs2017，等待完成安装后重启

在这里插入图片描述

在这里插入图片描述

标题栏多出一个qt vs tools

在这里插入图片描述

接下来配置环境变量

在这里插入图片描述

文件夹在你安装的位置里

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

4 配置系统环境变量

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

如果想用qt creator编程，采用相同的方法把mingw73_32或者mingw73_64添加到环境变量

点击确定关闭变量设置

5 编写第一个程序运行hello world

打开vs2017

在这里插入图片描述

可以更改生成文件位置，也可以不改，我的工程名字为FirstDemo

在这里插入图片描述

点击确认

在这里插入图片描述

在这里插入图片描述

默认就好

在这里插入图片描述

主界面

在这里插入图片描述

双击打开ui设计界面

在这里插入图片描述

可以通过拖拽引入空间

在这里插入图片描述

随便插入一个label插件，

在这里插入图片描述

按ctrl+s保存，关闭ui设计界面，运行一下

在这里插入图片描述

在这里插入图片描述

helloworld生成完成

7 在其他电脑上运行你编写的qt程序

1打开本机电脑的qt自带控制台

在这里插入图片描述

选择你编译的那个打开

在这里插入图片描述

在这里输入你的编译后的exe文件位置

在这里插入图片描述

然后输入windeployqt+程序名称

在这里插入图片描述

就会发现你的文件里多了不少文件，就可以在其他电脑上运行了