Qt+WebAssembly学习笔记（四）ubuntu20.04下使用Qt Creator开发

前言

一般情况，在win10下开发已经足够了，但很多时候，需要用到的库，win10安装很麻烦，linux下一条命令就可以做到，所以有必要学习下linux系统下的wasm开发

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

一、配置环境

打开一个shell终端，依次执行如下命令，请读者按照自己的实际目录修改

~/Documents/emsdk/emsdk-1.39.8/emsdk activate --embedded 1.39.8
source ~/Documents/emsdk/emsdk-1.39.8/emsdk_env.sh

可以执行以下命令，测试下设置编译器是否正常

em++ --version

二、配置Qt Creator

在同一个shell终端中，执行如下命令，打开Qt Creator，请读者按照自己的实际目录修改

~/Qt/Tools/QtCreator/bin/qtcreator

1.添加编译器

手动添加两个编译器，笔者的配置如下，请读者按照自己的实际目录修改

2.添加Qt版本

手动添加Qt版本，笔者的配置如下，请读者按照自己的实际目录修改

3.添加Kits

手动添加Kits，笔者的配置如下，请读者按照自己的实际目录修改

三、修改工程配置

打开一个Qt工程，选择正确的Kit

 若一切正常，会弹出如下画面

至此，ubuntu下的配置完成

可能会遇到的问题

1. QtCreator无法运行，但没有任何错误提示

解决方法：shell终端中输入如下

export QT_DEBUG_PLUGINS=1

然后再次运行QtCreator，看下缺少哪些库

一般是缺少xcb相关的库

执行如下命令，安装缺少的库

sudo apt-get install libxcb-xinerama0

2.提示qmake命令执行错误

早期Qt版本中，会出现此错误，需要手工修改qmake编译步骤

解决方法：在工程中，禁用原qmake编译步骤，增加自定义qmake编译步骤