VS2010 + emsdk + vs-tool (webassembly 开发环境搭建/ emsdk)

目的:

      VS2010 IDE内部嵌入Emscripten编译器,这样我们就可以使用VS强大的编辑功能,代码提示,一键编译(build),工程配置,工程结构明朗易懂易管理等。但目前该编译器不支持调试功能,因为Emscripten编译器缺少调试工具。

 

Windows环境搭建步骤如下:

      1、安装好VS2010 IDE任何一个版本都可以。

      2、安装emsdk,安装步骤如下:

            <1>、下载python2.7版本以上的任意一个版本,安装到系统,最后使用python --version检查安装是否成功。

            <2>、下载git,安装到系统,git --version 检查是否安装成功。

            <3>、创建一个空目录,在该目录下打开cmd命令行工具,输入git clone https://github.com/emscripten-core/emsdk  等待克隆完成。

            <4>、cd emsdk 切换到该目录下。

            <5>、emsdk update 该命令会拉取所有最新文件,如果没有最新文件添加,会直接提示你git pull,走下一步即可。

            <6>、 git pull 等待更新到最新版本。

            <7>、emsdk install latest 等待安装完成,这一步会比较慢,建议安装一个vpn工具。

            <8>、emsdk activate latest 激活版本,这一步在此后要重新使用emsdk时需要先使用,才可以使用emcc编译代码。

            <9>、emcc -v 会显示最新版本号,说明安装成功。

    3、下载 vs-tool 工具: https://github.com/juj/vs-tool

    4、将vs-tool 目录下的Emscripten目录整个拷贝到 C:\Program Files (x86)\MSBuild\Microsoft.Cpp\v4.0\Platforms 目录下即可。 注意:因为vs-tool这个工具只是针对VS2010写的规则文件, 

         所以拷贝目录就是VS2010平台所在目录。其他VS版本,这个vs-tool不支持,除非我们仿造该工具专门为VS2010之后的版本写规则文件,同样拷贝到相应的平台目录下。

    5、添加emsdk目录下的emscripten目录路径到系统环境变量Path中。并且增加EMSCRIPTEN 变量,变量值也是emscripten目录路径。 注意:请查找emsdk目录下,包括子目录,找到

         emscripten目录,将该目录路径拷贝到Path中。例如:我的emscripten目录路径为 D:\WebAssembly\emsdk\upstream\emscripten 将该路径添加到Path,增加EMSCRIPTEN变量与值。

    6、打开VS2010,新建一个console工程,选择配置管理器,增加新的平台Emscripten。 在工程属性中 配置属性->通用→平台工具集 选择Emscripten。 最后编译即可得到 html,js,wasm文件

         具体步骤如下图:

 

 

 

 

 

 

 

 

 

 

 

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章