win10上安装 Emscripten 下载安装

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档

文章目录

背景
一、Emscripten是什么？
二、安装步骤
- 1.环境准备
- 2.安装
- - 创建文件夹
  - 进入目录類
  - 拉取项目源码
  - 进入目录
  - 安装最新根据包
  - 激活sdk
  - 执行环境变量
- 3. 开始helloworld
- - 创建个文件夹
  - 创建hello_world.c
总结

背景

WebAssembly 的出现为 Web 开发者打开了一扇新的大门。在去年，wasm 对你来说也许还仅是技术文章中的一个常见名词，你压根想不到他会在浏览器中得到怎样的应用，什么时候会被大公司真正用起来。在今年，你很有可能已在不知不觉中成为 wasm 的使用者了。目前国内外越来越多的团队基于 wasm 进行了业务实践

一、Emscripten是什么？

Emscripten编译器，是WebAssembly开发的重要工具之一，主要是通过emcc（Emscripten Compiler Frontend）来工作的。这是个命令行工

二、安装步骤 1.环境准备

git 2.32.0
python 3.7

2.安装创建文件夹

mkdir d:WebAssemblyTestmkdir

进入目录類

cd WebAssemblyTestmkdir

拉取项目源码

git clone https://github.com/emscripten-core/

进入目录

cd emsdk

安装最新根据包

emsdk install latest

激活sdk

emsdk activate latest

执行环境变量

emsdk_env.bat

安装完成

测试一下

emcc -v

3. 开始helloworld 创建个文件夹

mkdir hello

cd hello

创建hello_world.c

文件内容如下類

#include 

int main(int argc, char ** argv) {

  printf("Hello Worldn");

}

运行一下

emcc 执行c文件路径 -s WASM=1 -o 目标文件名.html

emcc  hello_world.c -s WASM=1 -o hello_world.html

文件c变成

启动http服务命令

 emrun --no_browser --port 8080 hello_world.html

访问网址

http://localhost:8080/hello_world.html

总结

参考链接

(19条消息) Windows10中Emscripten 安装详解_cnds123的专栏-CSDN博客_emscripten安装

开发者引导 - WebAssembly 中文网|Wasm 中文文档

在Windows10搭建WebAssembly开发环境 - kunger - 博客园 (cnblogs.com)

2021 年大前端技术趋势解读-InfoQ

win10上安装 Emscripten 下载安装

Python相关栏目本月热门文章