VS2017配置Qt5.14(详细教程)

文章目录

    • 1 VS2017 下载与安装
    • 2 Qt5.14.2 下载与安装
    • 3 VS2017 配置 Qt5.14.2
    • 4 测试

1 VS2017 下载与安装

官方下载链接:https://visualstudio.microsoft.com/zh-hans/free-developer-offers/

VS2017配置Qt5.14(详细教程)_第1张图片

2 Qt5.14.2 下载与安装

Qt5.14.2下载与安装(保姆级图文教程)

3 VS2017 配置 Qt5.14.2

安装好VS2017之后,VS菜单栏中没有Qt,需要自行下载。

选择工具->扩展和更新

VS2017配置Qt5.14(详细教程)_第2张图片
选择联机,并在右侧搜索框搜索Qt,下载

VS2017配置Qt5.14(详细教程)_第3张图片
漫长的等待…

VS2017配置Qt5.14(详细教程)_第4张图片
如果长时间无法下载,可以选用另一种方式。

直接在Qt官网下载 Qt Visual Studio Tools

官方下载地址:https://download.qt.io/development_releases/vsaddin/
VS2017配置Qt5.14(详细教程)_第5张图片
选择需要的版本进行下载,这里选取最新版2.8.1,选择与VS对应的版本进行下载。很快啊,啪的一下就下完了。
VS2017配置Qt5.14(详细教程)_第6张图片
双击下载好的安装包
VS2017配置Qt5.14(详细教程)_第7张图片

安装之前,请先关闭VS,否则无法安装,并给出以下提示。关闭VS后会继续安装。
VS2017配置Qt5.14(详细教程)_第8张图片
正在安装…
VS2017配置Qt5.14(详细教程)_第9张图片
安装完成!
VS2017配置Qt5.14(详细教程)_第10张图片
这时,我们打开VS,发现菜单栏中已经添加上了 Qt VS Tools
VS2017配置Qt5.14(详细教程)_第11张图片
但是此时还无法在VS中使用Qt,需要指定Qt版本。

选择Qt Versions
VS2017配置Qt5.14(详细教程)_第12张图片
添加一个新的Qt版本
VS2017配置Qt5.14(详细教程)_第13张图片

在Path中选择qmake.exe的路径,可参考以下目录

D:\Qt\Qt5.14.2\5.14.2\msvc2017_64\bin

VS2017配置Qt5.14(详细教程)_第14张图片

VS2017配置Qt5.14(详细教程)_第15张图片
配置完成!

4 测试

创建一个空白窗体项目
VS2017配置Qt5.14(详细教程)_第16张图片
直接调试运行,出现以下界面,说配置成功。
VS2017配置Qt5.14(详细教程)_第17张图片
但是,此时并不能打开.ui文件(Qt 设计师,Qt Designer)。选择Qt VS Tools 下的Options选项,将Qt Designer 下的 Run in detached window 由默认的 False 修改为 True 即可。

VS2017配置Qt5.14(详细教程)_第18张图片
这样就可以正常打开了Qt Designer啦
VS2017配置Qt5.14(详细教程)_第19张图片

你可能感兴趣的:(qt,开发语言,visual,studio)