Qt搭建WebAssembly环境

Qt5.15搭建流程：

【精选】Qt中搭建WebAssembly_qt webassembly-CSDN博客

Qt5.14搭建流程：

Qt Webassembly Qt程序运行到网页上 - 灰信网（软件开发博客聚合）

Webassembly依赖环境：

Download and install — Emscripten 3.1.48-git (dev) documentation

GitHub - emscripten-core/emsdk: Emscripten SDK

 Qt官网文档：Qt for WebAssembly | Qt 5.15

【em++ -v 执行环境报错问题】

将emsdk安装目录下的.emscripten文件中配置的路径粘贴到当前用户目录下的.emscripten文件中

并修改emsdk_path路径为emsdk安装目录，例如下图：

接下来即可在任意打开的cmd中成功执行:

【提示】

1.建议使用Qt自带的编译器mingw32-make；

2.建议安装自带webassembly的Qt版本，Qt5.15以上版本都自带编译好的webassembly，只需安装对应版本的emsdk即可（源码编译容易失败，或存在版本，编译环境等问题）。

Qt5.14源码编译相关指令：

cd /d D:\vs2022Projects\emsdk-main
emsdk.bat install 1.39.8
emsdk.bat activate --embedded 1.39.8 --permanent
cd /d D:\install\Qt5.14.2\5.14.2\Src
D:\vs2022Projects\emsdk-main\emsdk_env.bat
set PATH=D:\install\Qt5.14.2\5.14.2\mingw73_64\bin;D:\install\Qt5.14.2\Tools\mingw730_64\bin;%PATH%
configure -no-warnings-are-errors -xplatform wasm-emscripten -nomake examples -feature-thread -prefix D:\install\Qt5.14.2\5.14.2\wasm_1_39_8
mingw32-make –j4
mingw32-make install