Emscripten 4.x 安装教程

Emscripten 4.x 安装教程

概述

Emscripten 是一个完整的开源编译器工具链，用于生成 WebAssembly。

Emscripten is a complete Open Source compiler toolchain to WebAssembly. 

功能：

1. 将 C 和 C++ 代码，或任何使用 LLVM 的语言编译为 WebAssembly，并在 Web、Node.js 或其他 Wasm 运行时环境中运行。

2. 将其他语言的 C/C++ 运行时环境编译为 WebAssembly，从而间接运行这些语言的代码（例如，已实现对 Python 和 Lua 的支持）。

Emscripten Toochain：

Emscripten 实现其功能所依赖的工具集合。

核心组件：

1. emcc：编译器前端，代替gcc/clang
2. LLVM：负责生成中间代码
3. Binaryen：优化和生成最终的WebAssembly
4. 运行时支持库

Emscripten SDK：

简称为 emsdk，是 Emscripten Toolchain 的安装和管理工具。

编译过程：

1. 调用 LLVM 生成中间代码（IR）。
2. 通过 Binaryen 优化并生成最终的 .wasm 文件。
3. 生成 Javascript 胶水代码。

操作步骤

适用操作系统

Windows 10 +

准备环境

通用依赖:

1. Python 3.6+：emsdk 是Python程序。
2. Git：通过Git下载 emsdk。
3. Visual Studio 2019+ 安装时勾选 “使用 C++ 的桌面开发”（包含 MSVC 编译器和 CMake）：emcc（Emscripten Compiler Frontend）底层依赖 LLVM/Clang 和 MSVC（Microsoft Visual C++） 来执行部分编译任务。

安装过程

1. 克隆 emsdk 仓库

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

2. 进入emsdk文件目录

cd emsdk

3. 使用 emsdk.bat 安装最新的sdk工具

emsdk install latest

注：emsdk.bat 的作用为 定位 Python 解释器 并 调用 emsdk.py 主程序，同时处理环境变量和后续配置。

4. 手动设置环境变量（可以参考环境变量配置章节）

C:\xxx\emsdk\
C:\xxx\emsdk\upstream\emscripten\

5. 验证安装

emcc -v

环境变量配置

1. 获取 emsdk 文件夹地址

2. 打开系统属性面板

3. 进入环境变量设置

4. 双击系统变量中的 Path 属性

5. 点击新建按钮，并输入 emsdk 目录地址

6. 配置两条路径

7. 点击确定按钮完成配置

参考文章

1. https://emscripten.org/docs/getting_started/downloads.html

文章声明

_内容准确性：_我会尽力确保所分享信息的准确性和可靠性，但由于个人知识有限，难免会有疏漏或错误。如果您在阅读过程中发现任何问题，请不吝赐教，我将及时更正。