window下Emscripten环境搭建

1,007 阅读1分钟

官方地址:emscripten.org/

一、下载emsdk

1、github地址:

https://github.com/emscripten-core/emsdk

2、git克隆

# SSH
git@github.com:emscripten-core/emsdk.git
# HTTPS
https://github.com/emscripten-core/emsdk.git

3、github拉太慢,提供一个下载地址

wwe.lanzouw.com/i8Lwbxxxttc

注:把解压后把文件夹名字修改为emsdk(可选)

二、安装Python

注:不安装Python ,你无法使用 Emscripten

1、使用anaconda安装

anaconda 地址

注:下载一个新一点的(Python 版本至少3.0以后的)。

2、安装流程如下

示例安装版本下载地址:

百度云盘

anaconda 推荐下载地址

无标题

3、测试是否安装成功

image-20211224205142538

三、运行指令(cmd)

1、进入

cd emsdk

2、下载并安装最新的 SDK 工具

emsdk install latest

3、使当前用户的“最新”SDK“处于活动状态”(写入 .emscripten 文件)

emsdk activate latest

4、看上面的是否执行成功

emcc -v

image-20211224184722663

注:这个测试只能在当前目录下成功,所以要设置系统环境变量

四、设置环境变量

1、运行

注:找到 emsdk_env.bat 双击运行设置环境变量,但是一般情况下,会失败

双击运行 emcmdprompt.bat 获取要设置的环境变量

image-20211224185342792

2、添加

1)电脑 -> 属性 -> 高级系统设置 -> 环境变量,在系统变量的Path值中添加:

image-20211224200531141

2)电脑 -> 属性 -> 高级系统设置 -> 环境变量,在系统变量中新增如下内容:

image-20211224200754878

image-20211224200847110

五、测试

1、新建一个c++文件

#include <stdio.h>
// 一旦WASM模块被加载,main()中的代码就会执行
int main(int argc, char ** argv) {
    printf("你好\n");
}

2、编译

emcc index.c -s WASM=1 -O3 -o index.js

注:编译后生成下面两个文件

image-20211224202501978

3、运行编译后的文件

注:index.js和index.wasm必须放在同一目录下,把index.js引入html中即可运行。

image-20211224202749673