WebAssembly闲聊（1）工具的配置和一些踩坑

部门组长要求来杭州实习前，要学习一些webassembly的用法和具体的应用场景，于是最近在家里买了本书加上百度，开始了自学。

要在电脑中跑起webassembly，我们首先得安装好Emscripten工具链，配置相关的变量，此过程有点繁琐，且踩坑不少，于是写一篇文章做了个总结。

如何去下载

我们在下载之前，首先得下好Node.js、git以及python（记得设置好相应的环境变量，本文不做赘述）

关于webassembly的工具，Emscripten，获取来源为github远程拉取。（当然你也可以直接在官网下载，这里不做介绍）

git clone https://github.com/emscripten-core/emsdk.git
复制代码

得到一份名为emsdk的文件夹，文件夹内部装有的就是其SDK工具，我将此文件夹放置到磁盘固定位置保存。（位置大家可以自由去选择~）

我们进入到emsdk的文件夹，使用git bush打开git控制台窗口，因为我们guthub地址拉取的很可能不是最新版的SDK，所以我们要重新下载最新版：

$ ./emsdk.py install latest
复制代码

( 踩坑：我们在安装完python后，如果没有在./emssdk后面加上.py后缀，会发生permission reject之类，有关python的错误，必须加上.py后缀 )

会经过一段时间的下载，会依次安装大约4个文件。之后，我们需要激活这些最新的sdk包

$ ./emsdk.py activate latest
复制代码

等待一段时间，顺利的话，最新的安装包将会全部被激活，控制行字段会提示你下一步如何去添加环境变量，按照如下再进行输入：

./emsdk_env.bat
复制代码

输入之后，产生的控制行字段会提醒你，需要配置哪些环境变量，按照给出的提示，在电脑的环境变量的用户变量中，先在path添加相关的路径，再在外面额外添加5个用户变量就行。

我们只需要在cmd控制台中，输入：

emcc -v

emcc --clear-cache

emcc name.cc  //任意c++文件
复制代码

这些控制台命令都可以运行时，我们就视为webassembly的工具链安装成功！

来源：oschina

链接：https://my.oschina.net/u/4362791/blog/4256793

标签