前置条件

安装 git cmake python vscode
配置环境变量
注意：cmake、python安装时注意：勾选配置环境变量的按钮

检测是否安装成功
git —version
cmake
python

安装Emscripten编译器

步骤一： 克隆emsdk仓库
git clone https://github.com/juj/emsdk.git

步骤二：安装

  1. //定位到emsdk文件夹
  2. cd emsdk
  4. //拉取最新代码
  5. git pull
  7. //安装各种工具，很慢
  8. emsdk install latest
  10. //生成 ~/.emscripten 文件，激活配置
  11. emsdk activate latest
  13. //配置环境变量
  14. emsdk_env

执行 emcc -v， 检测编译器是否安装成功

开始第一个hello word

//在其他文件夹新建一个hello.c文件
#include <stdio.h>
#include <stdlib.h>
#include <time.h>
#include <emscripten/emscripten.h>
// 一旦WASM模块被加载，main()中的代码就会执行
int main(int argc, char ** argv) {
printf("WebAssembly module loaded\n");
}
// 返回1-6之间的一随机数
int EMSCRIPTEN_KEEPALIVE roll_dice() {
srand ( time(NULL) );
return rand() % 6 + 1;

命令行定位到这个文件夹，按照官网命令进行编译

emcc hello.c -s WASM=1 -O3 -o hello.html

然后按照官网命令，起一个http服务，就可访问了

emrun --no_browser --port 8080 C:\Users\JiXiaoHua\Desktop\hellowasm\hello.html