Qt系列文章目录

文章目录

• Qt系列文章目录
• 前言
• 一、下载Qt5.15
• 二、使用步骤

• 1.使用Fiddler
• 2. Qt安装

• 总结

前言

由于最近JavaScript图形处理性能较弱（和Qt比），主要用到Canvas处理二维图像，大概需要的图片8k*8k的分辨率，大概处理20多张8k的图像。而使用Qt中的QGraphicsItem、QGraphicsView、QGraphicsScene、性能毫无压力，所以考虑在JS中调用Qt，就需要用到WebAssembly。想要使用WebAssembly还依赖Emscripten，为了使用WebAssembly1.39，只只能用Qt5.15

目前本机Qt版本5.12.9不支持WebAssembly，需要升级到5.14以上

一、下载Qt5.15

由于Qt5.15及以上版本不提供离线安装包，只有Qt源码，所以需要使用在线安装进行安装。首先下载在线安装器：
从该地址：https://mirrors.cloud.tencent.com/qt/official_releases/访问Qt镜像资源站点，然后点击下图所示链接：

将进入Qt在线安装器页面，本人选择Windows版本的：

下载完成后，将得到一个在线安装包安装程序：

qt-unified-windows-x64-online.exe

然后从https:///windows/download下载fiddler，fiddler是一个调试代理工具 ：

首先安装：Fiddler

安装工具准备完成后，下面就开始安装Qt了。

二、使用步骤

1.使用Fiddler

1.首先运行fiddler，将Qt在线安装地址替换成国内地址，例如这里小生选择清华的。地址如下：
在最左下输入：

2. Qt安装

fiddler配置完成后，接着以管理员方式运行Qt在线安装器，启动后其界面如下：

接着输入Qt账户和密码（没有就注册一个），点击『下一步』。将会弹出如下界面：

勾选上图所示的选择框后，点击『下一步』，安装软件将会自动提取远程数据，完成后将弹出下图所示界面：

接着，设置Qt的安装目录：

这里安装目录就好是空的，否则她会提示目录非空

因为如果完整安装Qt开发环境，将会非常大（至少在50G以上），而且全部安装也很耗时，所以小生这里选择“自定义安装”，点击下一步后，将会弹出以下界面，用于选择安装组件：

根据后续可能会使用到的组件，小生的安装组件选择如下：

这里Qt5.15默认安装WebAssembly

开发和设计工具选择如下：

选择了两个Windows系统上的调试器。

选择安装Qt Design Studio设计软件。

选择了三个版本的MinGW工具链：MinGW 11.20、MinGW8.1.0 32/64 bit。

选择安装Qt应用的安装包制作工具：Qt Installer Framework。

CMake构建工具。我机器上已安装CMake，这里不选

以上组件都选择完后，点击『下一步』，将会弹出许可协议选择界面：

然后将会弹出一个“准备安装”界面，点击『安装』将会自动进行安装：

从上图可知，Qt安装将会占用大约32G的磁盘空间。接着，就是一个漫长的安装过程（与具体的电脑配置和网速相关啦）：

总结