Windows 系統(tǒng)下安裝和部署Egret的開(kāi)發(fā)環(huán)境
需要安裝的軟件如下:
Node.js
TypeScript
TypeScript代碼編輯器
HTTP服務(wù)器(可選)
Chrome(可選)
Egret
這篇文檔中,我們主要介紹在Windows環(huán)境中安裝Egret。其安裝步驟如下。
1.安裝Node.js
1.1下載Node.js
Node.js的安裝方法非常簡(jiǎn)單,我們可以訪問(wèn) Node.js官網(wǎng),然后進(jìn)點(diǎn)擊頁(yè)面中的INSTALL按鈕,可直接下載Node.js的msi安裝文件包。
本教程撰寫時(shí),Node.js版本為0.10.29,如果你的版本高于此版本,我們會(huì)提供相關(guān)的版本兼容說(shuō)明。如未提供任何版本兼容說(shuō)明,則表示你的版本適用于Egret。
雙擊msi安裝包,我們開(kāi)始安裝Node.js。安裝過(guò)程如圖:
下載后的Node.js安裝包
1.2安裝Node.js
開(kāi)始安裝界面
許可證授權(quán)說(shuō)明
選擇安裝目錄,我們保持默認(rèn)選項(xiàng)
選擇安裝內(nèi)容,我們將所有工具包全部安裝
確認(rèn)安裝,點(diǎn)擊“Install”按鈕
安裝過(guò)程
安裝完成界面,你的Node.js被安裝到 C:\Program Files\nodejs\目錄下,同時(shí)該安裝包還會(huì)為你安裝npm工具。
1.3驗(yàn)證Node.js
安裝完成后,請(qǐng)啟動(dòng)你的命令行工具,輸入node -v命令,來(lái)查看你當(dāng)前的Node.js版本,同時(shí)驗(yàn)證你的Nodejs是否安裝成功。如果安裝正確,則應(yīng)出現(xiàn)效果如下圖。
在開(kāi)始——>搜索中輸入cmd即可運(yùn)行命令行工具。
如果出現(xiàn)node 不是內(nèi)部或外部命令,也不是可運(yùn)行的程序或批處理文件則表示安裝失敗,可以參考下面的Node.js安裝失敗解決方案或者在我們的開(kāi)發(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安裝失敗解決方案或者在我們的開(kāi)發(fā)者社區(qū)中求助。
1.5Node.js安裝失敗解決方案
部分Windows安裝完成后直接在cmd里輸入node和npm,可能會(huì)提示找不到該命令。是由于新增的Path路徑需要重啟才能生效。重啟或使用node和npm的絕對(duì)路徑來(lái)運(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命令的作用是在開(kāi)發(fā)者的系統(tǒng)中安裝指定的Node.js庫(kù),typescript是庫(kù)的名稱,-g代表將這個(gè)庫(kù)安裝到全局路徑
如果由于網(wǎng)絡(luò)問(wèn)題導(dǎo)致的安裝速度很慢,請(qǐng)使用 npm install -g typescript --registry=http://r.cnpmjs.org 命令,訪問(wèn)國(guó)內(nèi)鏡像版進(jìn)行安裝。
2.2驗(yàn)證TypeScript
安裝成功后,執(zhí)行 tsc 命令,您應(yīng)該看見(jiàn)如下界面
3.安裝TypeScript代碼編輯器
3.1選擇一個(gè)合適的代碼編輯器
Egret可以使用任何支持腳本語(yǔ)言的代碼編輯器,包括:
WebStorm 官方下載地址【官方推薦】
Microsoft Visual Studio 2012 + TypeScript插件
Sublime Text + TypeScript插件
詳細(xì)的編輯器安裝方法以及插件配置方法,可參考文檔中工具相關(guān)章節(jié)。
4.安裝一個(gè)HTTP服務(wù)器
4.1選擇一個(gè)合適的HTTP服務(wù)器
Windows用戶推薦采用XMAPP
用戶也可以跳過(guò)這個(gè)步驟,使用Egret內(nèi)置的基于Node.js的簡(jiǎn)單HTTP服務(wù)器。但為了保證更好的開(kāi)發(fā)體驗(yàn),Egret建議用戶安裝上述較為成熟的HTTP服務(wù)器
具體服務(wù)器軟件安裝,大家可以參考文檔中工具相關(guān)章節(jié)。
5.安裝Chrome瀏覽器
Egret可以運(yùn)行在絕大多數(shù)的現(xiàn)代瀏覽器上,但是 Egret 目前推薦開(kāi)發(fā)者使用 Chrome 作為主要的開(kāi)發(fā)和調(diào)試環(huán)境。
打開(kāi)Chrome瀏覽器
設(shè)置->工具->JavaScript控制臺(tái)
在JavaScript控制臺(tái)(右下角)設(shè)置(齒輪圖標(biāo))-> 常用 -> 禁用瀏覽器緩存
當(dāng)進(jìn)行好上述設(shè)置之后,只要JavaScript控制臺(tái)處于打開(kā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中下載引擎的開(kāi)發(fā)版本,該版本非穩(wěn)定版,你可能在實(shí)際開(kāi)發(fā)中遇到許多問(wèn)題,這些問(wèn)題通常不會(huì)在穩(wěn)定版中出現(xiàn)。
我們打開(kāi)官方下載頁(yè)面,找到“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)此問(wèn)題。
6.3Egret工具驗(yàn)證
安裝完成后,我們執(zhí)行egret命令,來(lái)查看當(dāng)前Egret是否安裝成功。如安裝成功,應(yīng)出現(xiàn)如下圖所示。
如果安裝失敗,請(qǐng)?jiān)谖覀兊拈_(kāi)發(fā)者社區(qū)中尋求幫助。
相關(guān)文章
xtemplate node.js 的使用方法實(shí)例解析
這篇文章主要介紹了xtemplate node.js 的使用方法實(shí)例說(shuō)明,非常不錯(cuò),介紹的非常詳細(xì),具有參考借鑒價(jià)值,需要的朋友可以參考下2016-08-08nodeJs項(xiàng)目在阿里云的簡(jiǎn)單部署
這篇文章主要為大家詳細(xì)介紹了nodeJs項(xiàng)目在阿里云的簡(jiǎn)單部署,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2020-11-11Node.js利用Express實(shí)現(xiàn)用戶注冊(cè)登陸功能(推薦)
這篇文章主要介紹了Node.js利用Express實(shí)現(xiàn)用戶注冊(cè)登陸功能,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2020-10-10Node.js使用SQLite數(shù)據(jù)庫(kù)方法大全
Node.js是一種流行的JavaScript運(yùn)行時(shí),提供了許多有用的模塊和庫(kù)來(lái)構(gòu)建Web應(yīng)用程序,而SQLite是一種嵌入式關(guān)系型數(shù)據(jù)庫(kù),它可以運(yùn)行在各種操作系統(tǒng)上,包括Windows、Linux和Mac OS X等,在Node.js中,可以通過(guò)安裝sqlite3模塊來(lái)訪問(wèn)SQLite數(shù)據(jù)庫(kù)2023-10-10Nodejs環(huán)境實(shí)現(xiàn)socket通信過(guò)程解析
這篇文章主要介紹了Nodejs環(huán)境實(shí)現(xiàn)socket通信過(guò)程解析,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-07-07詳解Node.js amqplib 連接 Rabbit MQ最佳實(shí)踐
這篇文章主要介紹了詳解Node.js amqplib 連接 Rabbit MQ最佳實(shí)踐,小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2019-01-01