QtQuick系列教程(1)-Qml开发环境的搭建(Windows)

总目录传送

本博文技术等级: ★☆☆☆☆☆☆☆☆☆

首先我们考察一下Windows下使用Qt的正确步骤, 其实学习就是一个探索的过程.
我的系统是Win10, 去Qt官网下载Windows下的Qt, 版本当然是最新.

http://download.qt.io/archive/qt/5.10/5.10.1/

这里写图片描述

很明显, 我下载qt-opensource-windows-x86-5.10.1.exe

运行开始安装

这里写图片描述

这个版本的Qt支持VS2013, VS2015, VS2017. 对于一个有激情的热血程序员, 妥妥最新VS2017
先关闭Qt的安装, 现在我们下载VS2017进行安装, 如果要先安装Qt也是可以的.

转到VS官网下载地址 https://www.visualstudio.com/zh-hans/downloads/

这里写图片描述

3个版本都可以, 建议下载最右边的企业版, 然后嘿嘿~~你懂的

在线安装包很小, 下载下来准备安装…

这里写图片描述

这里写图片描述

我们这里选择单个组件, 因为MFC和ATL并不需要

这里写图片描述

然后就可以喝杯咖啡,等待安装完成了

这里写图片描述

安装完成
这里写图片描述

选择主题然后启动VS
这里写图片描述

这里写图片描述

VS到这里就安装完成了.
接下来我们继续安装Qt
这里写图片描述

账号登录可以直接跳过
这里写图片描述

选择Qt的安装路径
这里写图片描述

选择Qt的组件, 这里我们选择VS2017和其他组件万一后面开发用得上
这里写图片描述

同意协议
这里写图片描述

接着就可以开始安装了
这里写图片描述

安装完成
这里写图片描述

启动QtCreator, 首先进行配置
菜单选择工具->选项
这里写图片描述

查看构建套件kit发现调试器未设置
这里写图片描述

先关闭Qt Creator
msvc编译器使用windbg下的cdb调试器 所以需要安装windbg

https://docs.microsoft.com/en-us/windows-hardware/drivers/debugger/debugger-download-tools

这里写图片描述

这里写图片描述

这里写图片描述

这里写图片描述

这里写图片描述

注意这里, 我们可以只选择安装调试工具
这里写图片描述

然后开始安装
这里写图片描述

完成后重新启动Qt Creator
这里写图片描述

可以看到我们的VS2017 64位编译套件已经准备好了
接下来可以创建一个简单工程进行环境的测试
这里写图片描述

这里写图片描述

选择一个Qt Quick的工程模板
这里写图片描述

设置工程名称和保存路径
这里写图片描述

选择构建系统, 默认qmake
这里写图片描述

选择兼容版本和样式
这里写图片描述

选择构建套件kit
这里写图片描述

最后一步完成
这里写图片描述

默认的工程文件都已经创建好, 我们可以开始编译试试运行效果了
这里写图片描述

在菜单构建里选择构建项目
这里写图片描述

然后点击下方的编译输出, 可以看到我们的编译顺利完成
这里写图片描述

运行工程
这里写图片描述

界面已经显示出来
这里写图片描述

到此我们在Windows上的Qt开发环境就搭建好了, Win7 Win8也如此的搭建方式.

作为一个专业的码农, 对于IDE的显示是有讲究的. 先修改下Qt Creator的显示主题

这里写图片描述

这里写图片描述

修改完后要求你重启Qt Creator
这里写图片描述

重启后
这里写图片描述

这下爽了~

联系方式:

作者郑天佐
QQ278969898
主页http://www.camelstudio.cn
邮箱camelsoft@163.com
博客http://blog.csdn.net/zhengtianzuo06
githubhttps://github.com/zhengtianzuo
QQ群199672080

在这里插入图片描述

觉得分享的内容还不错, 就请作者喝杯咖啡吧~~

  • 18
    点赞
  • 34
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 13
    评论
评论 13
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

zhengtianzuo

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值