Egret的VS環境搭配


安裝配置

 首先我們需要安裝VS,這里我安裝的是2013的版本,然后我們需要去Egret的官網下載Egret Engine、Egret Wing及Egret VS並進行安裝,同時下載Google Chrome和Egret Inspector並安裝用於調試。當然Egret提供的其它軟件最好都安裝一下。

創建項目

Egret提供的Wing現在已經是一個集成的IDE了,我們打開Wing在這里進行新項目的創建,為什么不從VS中創建呢?因為我這里直接從VS中創建的項目在調試時會報404錯誤,應該是官方的EgretVS的Bug導致的,但是從Wing中創建的項目沒有這個問題。

我們在VS中新建如下的項目指向Wing生成的目錄即可:

語法報錯解決方法

出現一些語法上的報錯時,一般是VS上的TypeScript的版本低於Egret使用的TypeScript版本,一些新的特性無法支持,解決方法是對VS的TypeScript進行升級,一般升級到當前的版本即可,升級文件下載地址如下:http://download.microsoft.com/download/4/4/3/443F86B7-A89F-48E6-AC96-0AAC2A910A29/TS1.6.2-VUOOB.40914.00/TypeScript_Dev12.exe,這個是針對VS2013的最新的TypeScript版本,如果需要其他的可以到官網進行下載:http://www.typescriptlang.org/,找到Tool,在Tool下面選擇你對應的版本下載后安裝即可。

使用ReShape報錯”typescript 1.3 feature. Current language level is 1.0.“解決:https://stackoverflow.com/questions/32277413/146-errors-typescript-feature-1-5-current-language-level-is-1-4

調試程序

我們選擇目標為Chrome即可點擊這個按鈕進行調試,當然在Wing中也可以進行調試:

如何調試

首先我們的調試不是直接在VS或Wing中進行的,而是在Chrome中,我們按F12打開Chrome的開發者工具面板,選中Source頁面,我們可以發現整個項目都在這里可以看到,接下來我們直接點擊指定代碼的指定行就可以添加斷點了,當程序運行到這行時就會停止同時我們可以對其進行查看。

發布程序

發布程序我們可以通過VS或Wing中對應的發布選項進行發布,Egret會將TypeScript都編譯為對應的JavaScript放在Release文件夾中,直接使用該文件夾導出的資源即可。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM