Qt+WebAssembly学习笔记（三）win10下使用Qt Creator开发

前言：

使用命令开发，一直不是很方便，建议配合Qt Creator开发，以提高开发效率。笔者在较早期版本中，可以直接使用Qt Creator开发，但最新的版本却不行，需要修改部分配置

在进行本文前，请参考https://blog.csdn.net/aggs1990/article/details/118968148配置开发环境

一、配置环境

cmd中执行如下命令

#添加qt到环境变量
set PATH=D:\Qt\5.15.2\mingw81_64\bin;D:\Qt\Tools\mingw810_64\bin;%PATH%
#设置编译器
D:\emsdk\emsdk-1.39.8\emsdk activate --embedded 1.39.8

请读者自行修改成自己的目录

若输出如下，说明设置成功

二、配置Qt Creator

在上面的cmd中直接执行如下命令，打开Qt Creator

D:\Qt\Tools\QtCreator\bin\qtcreator.exe

1.打开编译器设置，添加2个自定义编译器，笔者设置始下

 2.打开Qt版本设置，添加已编译的Qt版本（wasm)，笔者设置如下

 3.打开Qt套件设置，添加一个新的，笔者设置如下

 每一部设置完成后注意保存或应用

三、修改工程配置

从示例中打开一个Qt工程，并配置工程，注意使用我们刚刚设置的

 在编译步骤，最前方，增加一个自定义编译步骤，并禁用原qmake,以下是笔者的设置

注：较新Qt版本中，此问题已修复，可以直接运行

 配置完成后，直接编译运行。

注：第一次可能等待时间比较长，请耐心等待

若一切正常，就会弹出默认浏览器，以下是笔者的运行结果

 

可能会遇到的问题：

1.执行emsdk activate --embedded 1.39.8出错

解决方法：先确认emsdk install 1.39.8是否成功，若是成功的，看下Qt的环境变量中，是否存在D:\Qt\5.15.2\mingw81_64\bin

2.编译成功，但运行时提示No module named 'win32api'

解决方法：emsdk中的python缺少模块，笔者尝试直接下载，发现没有安装pip

笔者直接查看D:\emsdk\emsdk-1.39.8\python，发现是python3.7.4_64bit,所以直接下载python3.7.4_64,直接安装到此目录，然后执行如下

python -m pip install pypiwin32

安装完成后再运行就正常了

后记

Qt开源版Qt5最高版本是5.15.2，之后的商业版没有使用过，在Qt6中，一直没看与WASM相关的消息，期待Qt后续版本的支持