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文件

         具體步驟如下圖:

 

 

 

 

 

 

 

 

 

 

 

 

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