Qt for WebAssembly 环境搭建 - Windows新手入门

Qt for WebAssembly 环境搭建 - Windows新手入门

  • 一、所需工具软件
    • 1、安装Python
    • 2、安装Git
      • 2.1 注册Github账号
      • 2.2 下载安装Git
        • 2.2.1配置Git:
        • 2.2.2 配置Git环境
        • 2.2.3解决git@github.com: Permission denied (publickey)
    • 3 安装em++编译器
  • 二、Qt配置编译器
  • 三、参考链接

一、所需工具软件

本文中用到的工具软件都安装在D:/WASM文件夹中

1、安装Python

下载安装Python,笔者这里是3.12.2版本,安装到D:/WASM/Python中,并添加目录到系统环境变量。

2、安装Git

2.1 注册Github账号

2.2 下载安装Git

下载安装Git到D:/WASM/Git文件夹,一路Next就可以。

2.2.1配置Git:

使用CMD、或者Git Bash:

Windows PowerShell
版权所有(C) Microsoft Corporation。保留所有权利。安装最新的 PowerShell,了解新功能和改进!https://aka.ms/PSWindowsPS C:\Users\> git
usage: git [-v | --version] [-h | --help] [-C <path>] [-c <name>=<value>][--exec-path[=<path>]] [--html-path] [--man-path] [--info-path][-p | --paginate | -P | --no-pager] [--no-replace-objects] [--bare][--git-dir=<path>] [--work-tree=<path>] [--namespace=<name>][--config-env=<name>=<envvar>] <command> [<args>]These are common Git commands used in various situations:start a working area (see also: git help tutorial)clone     Clone a repository into a new directoryinit      Create an empty Git repository or reinitialize an existing onework on the current change (see also: git help everyday)add       Add file contents to the indexmv        Move or rename a file, a directory, or a symlinkrestore   Restore working tree filesrm        Remove files from the working tree and from the indexexamine the history and state (see also: git help revisions)bisect    Use binary search to find the commit that introduced a bugdiff      Show changes between commits, commit and working tree, etcgrep      Print lines matching a patternlog       Show commit logsshow      Show various types of objectsstatus    Show the working tree statusgrow, mark and tweak your common historybranch    List, create, or delete branchescommit    Record changes to the repositorymerge     Join two or more development histories togetherrebase    Reapply commits on top of another base tipreset     Reset current HEAD to the specified stateswitch    Switch branchestag       Create, list, delete or verify a tag object signed with GPGcollaborate (see also: git help workflows)fetch     Download objects and refs from another repositorypull      Fetch from and integrate with another repository or a local branchpush      Update remote refs along with associated objects'git help -a' and 'git help -g' list available subcommands and some
concept guides. See 'git help <command>' or 'git help <concept>'
to read about a specific subcommand or concept.
See 'git help git' for an overview of the system.

出现这么一堆就是安装好了Git。

2.2.2 配置Git环境
# 1配置用户名
git config --global user.name YourUserName
# 2配置邮箱
git config --global user.email YourEMail
# 3查看配置是否OK
git config --global --list
# 4生成ssh
ssh-keygen -t rsa
>> Generating public/private rsa key pair.
>> Enter file in which to save the key (C:\Users\china/.ssh/id_rsa):
>> 这里是产生rsa的目录,笔者这里是D:/WASM/rsa
>> 会成生id_rsa和id_rsa.pub两个文件,用笔记本打开id_rsa.pub,复制全部内容。
>> 粘贴到下面这个Key里面
# 5测试配置是否成功
ssh -T git@github.com
# 6正常是出现Success

在这里插入图片描述

2.2.3解决git@github.com: Permission denied (publickey)

参考文章https://blog.csdn.net/qq_40047019/article/details/122898308

# 1生成ssh key
ssh-keygen -t rsa -C "xx@example.com"
# 2
ssh -v git@github.com
# 3
ssh-agent -s
# 4
ssh-add ~/.ssh/id_rsa
# 失败的话
# 4.1 
eval `ssh-agent -s`
# 4.2
ssh-add ~/.ssh/id_rsa
# 5
ssh -T git@github.com

3 安装em++编译器

使用CMD、PowerShell等

# 1进入D盘
d:
# 2从Git获取emsdk保存到D盘
git clone https://github.com/emscripten-core/emsdk.git
# 3进入emsdk文件夹
cd emsdk
# 4获取emsdk最新版
git pull
# 5查看可用版本和已安装版本
emsdk list
# 5.1如果没有安装Python,或者没有把Python添加到系统环境变量,在cmd中emsdk是没有反应的,在PowerShell中提示没有权限,所以一开始就要安装Python。
# 6安装emsdk
# 6.1安装最新版
emsdk install latest
# 6.2激活
emsdk activate latest
# 6.3Qt for WebAssembly有自己支持的版本,要对应安装
Qt 6.2-- 2.0.14
Qt 6.3-- 3.0.0
Qt 6.4-- 3.1.14
Qt 6.5-- 3.1.25
Qt 6.6-- 3.1.37
笔者用的是Qt6.6,所以安装3.1.37
emsdk install 3.1.37
emsdk activate 3.1.37
# 7再次查看已安装的组件
emsdk list
# 8激活环境变量
emsdk_env.bat
# 9查看em++版本
em++ --version

二、Qt配置编译器

在这里插入图片描述

三、参考链接

1、Qt官方
https://doc.qt.io/qt-6/wasm.html
2、Git下载
https://git-scm.com/downloads
3、emscripten官方
https://emscripten.org/docs/getting_started/downloads.html#sdk-download-and-install
4、CSDN相关文章
https://blog.csdn.net/qq_45026254/article/details/107286026
https://blog.csdn.net/huangqqdy/article/details/83032408
https://blog.csdn.net/huangqqdy/article/details/83032408

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/782463.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

怎么让ChatGPT批量写作原创文章

随着人工智能技术的不断发展&#xff0c;自然语言处理模型在文本生成领域的应用也日益广泛。ChatGPT作为其中的佼佼者之一&#xff0c;凭借其强大的文本生成能力和智能对话特性&#xff0c;为用户提供了一种高效、便捷的批量产出内容的解决方案。以下将就ChatGPT批量写作内容进…

厦门攸信技术亮相新技术研讨会,展现物流自动化解决方案新高度!

今日&#xff0c;厦门攸信信息技术有限公司受邀参加了一场备受行业关注的电子制造高端盛会——一步步新技术研讨会&#xff0c;凭借卓越的智能制造与物流自动化技术在会议中大放异彩。作为一家引领行业发展的企业&#xff0c;厦门攸信技术不仅展示了其深厚的技术底蕴&#xff0…

算法系列--动态规划--背包问题(4)--完全背包拓展题目

&#x1f495;"这种低水平质量的攻击根本就不值得我躲&#xff01;"&#x1f495; 作者&#xff1a;Lvzi 文章主要内容&#xff1a;算法系列–动态规划–背包问题(4)–完全背包拓展题目 大家好,今天为大家带来的是算法系列--动态规划--背包问题(4)--完全背包拓展题目…

计算机图形学和OpenGL

一.计算机图形学和OpenGL的推荐书籍&#xff1a; 1. **OpenGL编程指南&#xff08;第九版&#xff09;**&#xff08;OpenGL Programming Guide, Ninth Edition&#xff09;&#xff1a;这本书是学习OpenGL编程的经典教材&#xff0c;详细介绍了OpenGL的基础知识和高级技术&…

《web应用技术》第一次课后练习

上机任务&#xff08;利用好chatgpt&#xff0c;文心一言等工具。&#xff09;&#xff1a; 1、下载软件&#xff0c;并安装。相关安装文件已上传至群文件。 JDK,TOMCAT&#xff0c;IDEA 2、学会用记事本编写jsp文件&#xff0c;并放进tomcat的相关目录下&#xff0c;运行。 …

使用Windows自带服务(BitLocker)加密U盘

第一步&#xff1a;启用 BitLocker 服务 1.1快捷键&#xff1a;WinR 调出运行框&#xff0c;输入services.msc 1.2找到服务列表中的BitLocker Drive Encryption Service&#xff0c;启动此项 第二步&#xff1a;加密U盘 把你的U盘插入电脑&#xff0c;打开“我的电脑”&#…

EFCore的空迁移(EFCore操作已存在的数据库表,不影响其中的数据)

背景&#xff1a;EFCore默认的会自动创建数据表&#xff0c;但是有时又是DBFirst&#xff0c;数据库写好了要用现成的表。这个时候就需要进行一些特殊的操作了 1、写出跟要对接数据库的实体类 比如我的表是这样创建的 create table mail_test (user_id bigint auto_increment …

java普通类和抽象类有哪些区别?

普通类和抽象类在面向对象编程中有一些显著的区别&#xff0c;这些区别主要体现在类的定义、使用方式和实例化等方面。以下是它们之间的一些主要区别&#xff1a; 定义与实现&#xff1a; 普通类&#xff1a;普通类可以包含非抽象方法和抽象方法&#xff08;如果有的话&#x…

OSCP靶场--Twiggy

OSCP靶场–Twiggy 考点(CVE-2020-11651[RCE]) 1.nmap扫描 ## ┌──(root㉿kali)-[~/Desktop] └─# nmap 192.168.216.62 -sV -sC -Pn --min-rate 2500 -p- Starting Nmap 7.92 ( https://nmap.org ) at 2024-03-30 06:43 EDT Nmap scan report for 192.168.216.62 Host i…

MongoDB聚合运算符:$ln

文章目录 MongoDB聚合运算符&#xff1a;$ln语法使用举例 MongoDB聚合运算符&#xff1a;$ln $ln聚合运算符计算数字的自然对数ln&#xff08;即 log e&#xff09;并将结果作为双精度值返回。 语法 { $ln: <number> }<number>表达式可以是任何有效的表达式&…

Hive常用函数_20个字符串处理

Hive常用函数_20个字符串处理 以下是Hive中常用的字符串处理函数&#xff0c;可用于执行各种字符串处理转换操作。 1. CONCAT()&#xff1a;将多个字符串连接在一起。 SELECT CONCAT(Hello, World); -- Output: HelloWorld2. SUBSTR()&#xff1a;从字符串中提取子字符串&…

基础拓扑排序

前言 拓扑排序是一种针对“有向无环图”的算法&#xff0c;用于解决一些有“依赖关系”的问题。 拓扑排序保证了当处理到某个电时&#xff0c;其所有的如电都已经处理过了。 例如右边这个图&#xff0c;拓扑序可以保证处理点2之前&#xff0c;点4和点6都处理过了、处理点3之…

IDEA的使用(概念,安装,配置,)以及什么是字符集,模版

目录 Intellij IDEA IDE的概念 IntelliJ IDEA的安装 IntelliJ IDEA的使用 基本配置 JDK配置 创建Module 基本用法 字体配置 主题配置 字符集 设置IDEA默认字符集 注释模板 字符集 字符集简介 常见字符集 Intellij IDEA 我们不可能一直使用记事本之类变成&#…

Vue PostCSS的使用介绍

PostCSS postcss 一种对css编译的工具&#xff0c;类似babel对js的处理&#xff0c;常见的功能如&#xff1a; 1 . 使用下一代css语法 2 . 自动补全浏览器前缀 3 . 自动把px代为转换成rem 4 . css 代码压缩等等 使用 创建好项目并且初始化npm init -y 创建一个页面&…

深入解析Oracle数据库merge

概念 Oracle数据库中的MERGE语句是一种强大的DML&#xff08;Data Manipulation Language&#xff09;操作&#xff0c;它允许用户在一个单一的SQL语句中根据特定的条件同时执行INSERT、UPDATE以及在某些情况下还包括DELETE操作。MERGE语句的核心功能是根据源数据&#xff08;…

何恺明重提十年之争——模型表现好是源于能力提升还是捕获数据集偏置?

想象一下&#xff0c;如果把世界上所有的图片都找来&#xff0c;给它们放到一块巨大的空地上&#xff0c;其中内容相似的图片放得近一些&#xff0c;内容不相似的图片放得远一些&#xff08;类比向量嵌入&#xff09;。然后&#xff0c;我随机地向这片空地撒一把豆子&#xff0…

Vue3+Vite+Axios Request 请求封装(TS版本)最新

Vue3ViteAxios Request 请求封装&#xff08;TS版本&#xff09; http > index.ts 请求封装 /** Date: 2024-03-30 12:37:05* LastEditors: zhong* LastEditTime: 2024-03-30 14:12:52* FilePath: \app-admin\src\http\index.ts*/ import axios, { AxiosInstance, AxiosRequ…

【C#】知识点速通

前言&#xff1a; 笔者是跟着哔站课程&#xff08;Trigger&#xff09;学习unity才去学习的C#&#xff0c;并且C语言功底尚存&#xff0c;所以只是简单地跟着课程将unity所用的C#语言的关键部分进行了了解&#xff0c;然后在后期unity学习过程中加以深度学习。如需完善的C#知识…

码支付个人支付宝永不掉线使用教程

​支付宝免CK添加操作稍微繁琐点&#xff0c;请耐心观看 此通道必须关闭你的余额宝自动转入功能&#xff0c;否则可能造成不跳转 支付宝添加的所有通道均支持H5免输入收款 第一步&#xff1a;打开支付宝开发平台&#xff0c;然后用你的支付宝注册登陆&#xff1a;https://op…

pytest中文使用文档----10skip和xfail标记

1. 跳过测试用例的执行 1.1. pytest.mark.skip装饰器1.2. pytest.skip方法1.3. pytest.mark.skipif装饰器1.4. pytest.importorskip方法1.5. 跳过测试类1.6. 跳过测试模块1.7. 跳过指定文件或目录1.8. 总结 2. 标记用例为预期失败的 2.1. 去使能xfail标记 3. 结合pytest.param方…