WebAssembly使用前Emscripten编译器安装教程

想要编译成WebAssembly，你首先需要先编译 LLVM。这是运行后续工具的先决条件。

• Git。在 Windows 上需要在这里安装 Git。
• CMake。Windows 系统，你可以点击这里。
• 系统编译工具Windows 上安装 Visual Studio 2015 Community with Update 3 或更新版本。
• Python 2.7.x，看这里。

安装完毕后，确认 git ， cmake 和 python 已经在你的环境变量里，可以使用。

步骤1、克隆emsdk仓库

# 克隆emsdk仓库，并执行安装
git clone https://github.com/juj/emsdk.git

步骤二、安装

# 定位到emsdk文件夹
cd emsdk


# 执行 update
emsdk.bat update


# 安装各种工具
emsdk.bat install latest

# 生成 ~/.emscripten 文件，激活配置
emsdk.bat activate latest

步骤三、环境变量配置
打开刚才克隆下来的emsdk文件夹，双击执行 emcmdprompt.bat 文件，这堆东西用来让你配置环境变量的，右键我的电脑 -> 属性 -> 高级系统设置 -> 环境变量，在系统变量的Path值中添加：

C:\Application\emsdk\clang\e1.37.36_64bit;C:\Application\emsdk\node\8.9.1_64bit\bin;C:\Application\emsdk\python\2.7.13.1_64bit\python-2.7.13.amd64;C:\Application\emsdk\java\8.152_64bit\bin;C:\Application\emsdk\emscripten\1.37.36

详情请看链接：环境配置 ,emcc-v测试安装是否成功，推荐使用PowerShell

步骤四：编译一个wasm文件

在其他文件夹新建一个 index.c 文件 ,然后用命令行工具定位到这个文件夹，执行：

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

文件夹会生成js文件。

WebAssembly官网：WebAssembly 中文网|Wasm 中文文档

emcc教程官网:Emscripten Tutorial — Emscripten 3.0.1-git (dev) documentation

官方安装教程不够细致，请耐心阅读。