需要安裝的軟件如下：

Node.js
TypeScript
TypeScript代碼編輯器
HTTP服務(wù)器（可選）
Chrome（可選）
Egret
這篇文檔中，我們主要介紹在Windows環(huán)境中安裝Egret。其安裝步驟如下。

1.安裝Node.js

1.1下載Node.js

Node.js的安裝方法非常簡單，我們可以訪問 Node.js官網(wǎng)，然后進(jìn)點(diǎn)擊頁面中的INSTALL按鈕，可直接下載Node.js的msi安裝文件包。

本教程撰寫時(shí)，Node.js版本為0.10.29，如果你的版本高于此版本，我們會(huì)提供相關(guān)的版本兼容說明。如未提供任何版本兼容說明，則表示你的版本適用于Egret。
雙擊msi安裝包，我們開始安裝Node.js。安裝過程如圖：

下載后的Node.js安裝包

1.2安裝Node.js

開始安裝界面

許可證授權(quán)說明

選擇安裝目錄，我們保持默認(rèn)選項(xiàng)

選擇安裝內(nèi)容，我們將所有工具包全部安裝

確認(rèn)安裝，點(diǎn)擊“Install”按鈕

安裝過程

安裝完成界面，你的Node.js被安裝到 C:\Program Files\nodejs\目錄下，同時(shí)該安裝包還會(huì)為你安裝npm工具。

1.3驗(yàn)證Node.js

安裝完成后，請(qǐng)啟動(dòng)你的命令行工具，輸入node -v命令，來查看你當(dāng)前的Node.js版本，同時(shí)驗(yàn)證你的Nodejs是否安裝成功。如果安裝正確，則應(yīng)出現(xiàn)效果如下圖。

在開始——>搜索中輸入cmd即可運(yùn)行命令行工具。

如果出現(xiàn)node 不是內(nèi)部或外部命令，也不是可運(yùn)行的程序或批處理文件則表示安裝失敗，可以參考下面的Node.js安裝失敗解決方案或者在我們的開發(fā)者社區(qū)中求助。

1.4驗(yàn)證npm

在命令行工具中執(zhí)行npm，出現(xiàn)如下圖內(nèi)容，標(biāo)明你的npm安裝正確。

如果出現(xiàn)npm 不是內(nèi)部或外部命令，也不是可運(yùn)行的程序或批處理文件則表示安裝失敗，可以參考下面的Node.js安裝失敗解決方案或者在我們的開發(fā)者社區(qū)中求助。

1.5Node.js安裝失敗解決方案

部分Windows安裝完成后直接在cmd里輸入node和npm，可能會(huì)提示找不到該命令。是由于新增的Path路徑需要重啟才能生效。重啟或使用node和npm的絕對(duì)路徑來運(yùn)行命令即可。

2.安裝TypeScript

2.1安裝TypeScript

當(dāng) node.js安裝成功后，node 和 npm 命令就可以使用了。TypeScript的安裝可視直接使用npm命令直接安裝。詳細(xì)的安裝方法可以參考TypeScript官網(wǎng)。

在終端中輸入如下命令：npm install -g typescript

npm install命令的作用是在開發(fā)者的系統(tǒng)中安裝指定的Node.js庫，typescript是庫的名稱，-g代表將這個(gè)庫安裝到全局路徑

如果由于網(wǎng)絡(luò)問題導(dǎo)致的安裝速度很慢，請(qǐng)使用 npm install -g typescript --registry=http://r.cnpmjs.org 命令，訪問國內(nèi)鏡像版進(jìn)行安裝。

2.2驗(yàn)證TypeScript

安裝成功后，執(zhí)行 tsc 命令，您應(yīng)該看見如下界面

3.安裝TypeScript代碼編輯器

3.1選擇一個(gè)合適的代碼編輯器

Egret可以使用任何支持腳本語言的代碼編輯器，包括：

WebStorm 官方下載地址【官方推薦】
Microsoft Visual Studio 2012 + TypeScript插件
Sublime Text + TypeScript插件
詳細(xì)的編輯器安裝方法以及插件配置方法，可參考文檔中工具相關(guān)章節(jié)。

4.安裝一個(gè)HTTP服務(wù)器

4.1選擇一個(gè)合適的HTTP服務(wù)器

Windows用戶推薦采用XMAPP

用戶也可以跳過這個(gè)步驟，使用Egret內(nèi)置的基于Node.js的簡單HTTP服務(wù)器。但為了保證更好的開發(fā)體驗(yàn)，Egret建議用戶安裝上述較為成熟的HTTP服務(wù)器

具體服務(wù)器軟件安裝，大家可以參考文檔中工具相關(guān)章節(jié)。

5.安裝Chrome瀏覽器

Egret可以運(yùn)行在絕大多數(shù)的現(xiàn)代瀏覽器上，但是 Egret 目前推薦開發(fā)者使用 Chrome 作為主要的開發(fā)和調(diào)試環(huán)境。

打開Chrome瀏覽器
設(shè)置->工具->JavaScript控制臺(tái)
在JavaScript控制臺(tái)（右下角）設(shè)置（齒輪圖標(biāo)）-> 常用 -> 禁用瀏覽器緩存
當(dāng)進(jìn)行好上述設(shè)置之后，只要JavaScript控制臺(tái)處于打開狀態(tài)，就不會(huì)有瀏覽器緩存，方便調(diào)試。

6.下載并安裝 Egret

6.1從官網(wǎng)中下載Egret

Egret提供兩個(gè)下載渠道，一個(gè)是Egret官方下載，另外一個(gè)是Egret Github下載。

我們推薦大家從官方網(wǎng)站中下載，這里的版本是當(dāng)前穩(wěn)定版本。如果你從github中下載引擎的開發(fā)版本，該版本非穩(wěn)定版，你可能在實(shí)際開發(fā)中遇到許多問題，這些問題通常不會(huì)在穩(wěn)定版中出現(xiàn)。

我們打開官方下載頁面，找到“Egret引擎”產(chǎn)品項(xiàng)目，點(diǎn)擊藍(lán)色的下載按鈕，下載最新版Egret引擎，如圖。

6.2安裝Egret

將下載后的Egret引擎壓縮包解壓到指定目錄，該目錄可以為任意磁盤中目錄，如圖：

在命令行工具中敲入命令進(jìn)入解壓后的目錄。由于我們將解壓后的文件放置于F:盤，因此我們先進(jìn)入F盤，命令如下：

f:

隨后我們進(jìn)入對(duì)應(yīng)的目錄中，如圖

進(jìn)入該目錄后，我們執(zhí)行安裝命令。

npm install -g

如果安裝命令錯(cuò)誤，請(qǐng)檢查如下三項(xiàng)，查看是否正確。
命令中的當(dāng)前的路徑是否正確。
當(dāng)前目錄是否是Egret目錄（該目錄下存在一個(gè)名為 package.json 的文件）
系統(tǒng)當(dāng)前用戶是否有管理員權(quán)限,如果將Egret解壓到C盤，可能會(huì)出現(xiàn)此問題。

6.3Egret工具驗(yàn)證

安裝完成后，我們執(zhí)行egret命令，來查看當(dāng)前Egret是否安裝成功。如安裝成功，應(yīng)出現(xiàn)如下圖所示。

如果安裝失敗，請(qǐng)?jiān)谖覀兊拈_發(fā)者社區(qū)中尋求幫助。

最新評(píng)論