win10上安装 Emscripten 安装

背景

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

一、Emscripten 是什么？

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

二、安装步骤

1. 环境准备

git 2.32.0 python 3.7

2. 安装

创建文件夹

python

mkdir d:\WebAssemblyTestmkdir

进入目录🧐

python

cd WebAssemblyTestmkdir\

Emscripten 环境安装

python

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

python

cd emsdk

安装最新根据包

python

emsdk install latest

激活 sdk

python

emsdk activate latest

执行环境变量

python

emsdk_env.bat

安装完成

测试一下

python

emcc -v

开始 helloworld

创建个文件夹

创建 hello_world.c 文件内容如下🧐

python

#include <stdio.h>

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

printf("Hello World\n");

}

运行一下

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

python

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

文件 c 变成

启动 http 服务命令

python

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 安装

背景

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

一、Emscripten 是什么？

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

二、安装步骤

1. 环境准备

git 2.32.0 python 3.7

2. 安装

创建文件夹

python

mkdir d:\WebAssemblyTestmkdir

进入目录🧐

python

cd WebAssemblyTestmkdir\

Emscripten 环境安装

python

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

python

cd emsdk

安装最新根据包

python

emsdk install latest

激活 sdk

python

emsdk activate latest

执行环境变量

python

emsdk_env.bat

安装完成

测试一下

python

emcc -v

开始 helloworld

创建个文件夹

创建 hello_world.c 文件内容如下🧐

python

#include <stdio.h>

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

printf("Hello World\n");

}

运行一下

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

python

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

文件 c 变成

启动 http 服务命令

python

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 安装

背景

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

一、Emscripten 是什么？

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

二、安装步骤

1. 环境准备

git 2.32.0 python 3.7

2. 安装

创建文件夹

python

mkdir d:\WebAssemblyTestmkdir

进入目录🧐

python

cd WebAssemblyTestmkdir\

Emscripten 环境安装

python

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

python

cd emsdk

安装最新根据包

python

emsdk install latest

激活 sdk

python

emsdk activate latest

执行环境变量

python

emsdk_env.bat

安装完成

测试一下

python

emcc -v

开始 helloworld

创建个文件夹

创建 hello_world.c 文件内容如下🧐

python

#include <stdio.h>

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

printf("Hello World\n");

}

运行一下

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

python

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

文件 c 变成

启动 http 服务命令

python

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 安装

背景

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

一、Emscripten 是什么？

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

二、安装步骤

1. 环境准备

git 2.32.0 python 3.7

2. 安装

创建文件夹

python

mkdir d:\WebAssemblyTestmkdir

进入目录🧐

python

cd WebAssemblyTestmkdir\

Emscripten 环境安装

python

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

python

cd emsdk

安装最新根据包

python

emsdk install latest

激活 sdk

python

emsdk activate latest

执行环境变量

python

emsdk_env.bat

安装完成

测试一下

python

emcc -v

开始 helloworld

创建个文件夹

创建 hello_world.c 文件内容如下🧐

python

#include <stdio.h>

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

printf("Hello World\n");

}

运行一下

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

python

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

文件 c 变成

启动 http 服务命令

python

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