IDE安裝和使用
設(shè)計(jì)器是基于Eclipse RCP開發(fā)的,如果熟悉Eclipse的同學(xué)可能比較容易上手,常見問題都能自己解決。不熟悉的同學(xué)可能會(huì)碰到不少問題,這里總結(jié)一下一些常見問題。
安裝
下載和安裝基本上沒有什么問題,都是zip,免安裝的。安裝包大小都是大概140左右 .安裝有可能碰到的問題就是解壓提示錯(cuò)誤,路徑和文件名總長(zhǎng)度必須不能超過 260 個(gè)字符。
解決的方法有2種:
不要用winrar去解壓,用系統(tǒng)winzip或者7z之類的工具解壓
解壓到一個(gè)不是很深的根目錄
啟動(dòng)
啟動(dòng)碰到的問題總體來(lái)說以java jdk/jre環(huán)境的問題居多.因?yàn)槭荅clipse的常用問題,可以百度搜索,也可以看下面的介紹。
--Windows
1. 沒有安裝jdk,一般提示的界面如下:
解決的方法就是下載安裝JDK,注意如果你的操作系統(tǒng)
是64位的就安裝Java SE Development Kit 8u74 Windows x64 版本
是32位的就安裝Java SE Development Kit 8u74 Windows x86 版本
2. JDK版本太低
do平臺(tái)的IDE需要至少JDK1.7及以上。查看JDK的版本就是在CMD下執(zhí)行java -version
注意:這個(gè)命令也可以看你當(dāng)前JDK是64位還是32位,64位會(huì)提示
Java Hot-Spot(TM) 64-Bit
3. JDK的版本和操作系統(tǒng)的版本還有do平臺(tái)的設(shè)計(jì)器的版本沒對(duì)上,這個(gè)版本指64位還是32位的差別。一般會(huì)報(bào)下面的錯(cuò)誤
解決的方法就是最好按照這個(gè)規(guī)則:
64位操作系統(tǒng)--->64位JDK--->設(shè)計(jì)器64位(Eclipse IDE for Windows x64)
32位操作系統(tǒng)--->32位JDK--->設(shè)計(jì)器32位(Eclipse IDE for Windows x86)
4. IDE里登陸用戶密碼沒有反應(yīng),但是同樣的用戶密碼通過瀏覽器訪問后臺(tái)是沒有問題的,一般是因?yàn)?60之類的阻止了,有時(shí)候切換一個(gè)網(wǎng)絡(luò),比如用手機(jī)做熱點(diǎn),就能彈出這個(gè)提示框,選擇同意就可以了。
--MAC
1. 沒有安裝JDK或者java版本太低,低于1.7
一般ios會(huì)報(bào)這個(gè)錯(cuò)誤,如下圖:
解決的方法就是下載安裝JDK 安裝MAC OS x64版本
2. mac的應(yīng)用權(quán)限問題導(dǎo)致下載的IDE不能打開,提示已破壞 ,問題的截圖一般是如下:
原因是MAC系統(tǒng)安裝非Appstore軟件的限制。解決方法參考http://www.pc6.com/edu/66419.html
3. 最新的mac系統(tǒng)找不到“信任所有來(lái)源的選項(xiàng)”,從而無(wú)法安裝,可以嘗試在命令行執(zhí)行:
打開「終端」:應(yīng)用程序->實(shí)用工具->終端;
粘貼下面的命令后,按回車,輸入你的系統(tǒng)密碼;sudo spctl --master-disable
再次打開安全設(shè)置選項(xiàng),就會(huì)發(fā)現(xiàn)「任何來(lái)源」選項(xiàng)回來(lái)了
IDE的使用
上圖是整個(gè)IDE的基本結(jié)構(gòu)圖。
IDE是基于Eclipse的基礎(chǔ),大部分功能和Eclipse完全一致,我們簡(jiǎn)單再介紹一些常用功能點(diǎn):
應(yīng)用工程管理:包含新建項(xiàng)目,導(dǎo)入項(xiàng)目等
工程代碼管理:包含新建各種類型代碼文件,文件導(dǎo)航刪除等
UI設(shè)計(jì):包含組件管理,組件同步,拖拽組件,設(shè)置組件屬性等
代碼編輯:包含常用代碼編輯器的一些基本功能
真機(jī)聯(lián)調(diào):包含調(diào)試服務(wù),調(diào)試日志等
應(yīng)用打包:主要是云打包功能
輔助功能:包含幫助,工具,設(shè)置等
應(yīng)用工程管理
1. 新建應(yīng)用:打開設(shè)計(jì)器,第一步就是新建應(yīng)用,我們支持的語(yǔ)言是javascript
2. 導(dǎo)入應(yīng)用:如果我們想要打開和研究別人開發(fā)的一個(gè)應(yīng)用的源代碼,我們需要使用import
功能。導(dǎo)入功能使用Eclipse標(biāo)準(zhǔn)的右鍵導(dǎo)入,會(huì)把別人的應(yīng)用打開。注意這里選擇是導(dǎo)入AppWorker
下的Existing Projects into Workspace
工程代碼管理
1. 文件導(dǎo)航:標(biāo)準(zhǔn)的樹狀結(jié)構(gòu)管理一個(gè)工程下的所有代碼和數(shù)據(jù)文件
2. 新建文件:右鍵一個(gè)目錄節(jié)點(diǎn),新建文件菜單打開新建文件窗口,設(shè)計(jì)器支持多種格式的文件類型
3. 文件操作:包括其它常用的文件刪除,目錄相關(guān)的一些操作,都是在文件節(jié)點(diǎn)和目錄節(jié)點(diǎn)右鍵菜單里,這些都是標(biāo)準(zhǔn)的Eclipse操作。
UI設(shè)計(jì)
1. 組件列表:在導(dǎo)航樹上雙擊一個(gè)ui文件,就可以打開UI設(shè)計(jì)界面,在組件列表里可以看到這個(gè)應(yīng)用能使用的UI組件,可以通過拖拽方式,把組件拖拽到設(shè)計(jì)區(qū)。新建一個(gè)應(yīng)用我們會(huì)有缺省的10多個(gè)ui組件,如果需要更多組件,需要點(diǎn)擊應(yīng)用配置
按鈕,然后添加更多的組件。添加結(jié)束后,還需要點(diǎn)擊應(yīng)用同步
按鈕。
2. UI結(jié)構(gòu)樹(Outline
):ui文件內(nèi)的組件構(gòu)成一個(gè)結(jié)構(gòu)樹,從根節(jié)點(diǎn)RootView開始,包含子節(jié)點(diǎn),如果子節(jié)點(diǎn)是容器內(nèi)節(jié)點(diǎn),還可以再包含子節(jié)點(diǎn)。另外節(jié)點(diǎn)右鍵有菜單,可刪除,復(fù)制,粘帖等常用功能。如果節(jié)點(diǎn)是容器節(jié)點(diǎn),右鍵菜單還有“增加”功能,增加一個(gè)子組件到這個(gè)容器下。另外還支持鼠標(biāo)拖拽功能。
3. 屬性設(shè)置:在設(shè)計(jì)區(qū)或者視圖結(jié)構(gòu)樹上選取一個(gè)UI組件對(duì)象,可以修改它的基礎(chǔ)屬性和特有屬性,其中基礎(chǔ)屬性是所有UI都具有的屬性,特有屬性是每個(gè)獨(dú)立的UI組件特有的屬性。很多屬性(不是所有的)一修改馬上就能在設(shè)計(jì)區(qū)實(shí)時(shí)看到修改后的效果。
代碼編輯
1. 編輯器基礎(chǔ)功能:設(shè)計(jì)器提供了常用編輯器的基本功能,包括雙擊js或lua文件打開對(duì)應(yīng)的文本編輯頁(yè)面,雙擊頁(yè)簽關(guān)閉分頁(yè)。工具欄里的功能包括Eclipse常用的編輯器功能.
2. 自動(dòng)提示:編輯器提供了好幾種代碼自動(dòng)提示功能,比如補(bǔ)全變量名,補(bǔ)全ui的id,提示屬性,事件,方法,回車補(bǔ)全函數(shù)參數(shù)集合等,快捷鍵的設(shè)置也和Eclipse標(biāo)準(zhǔn)一致。
真機(jī)調(diào)試
1. 調(diào)試服務(wù):調(diào)試的過程可以參考入門教程
2. 調(diào)試日志:設(shè)計(jì)器能接受到手機(jī)端發(fā)送的調(diào)試日志,包括運(yùn)行時(shí)的異常,包括用戶調(diào)用print
方法傳過來(lái)的自定義日志,需確保手機(jī)上的調(diào)試終端把調(diào)試開關(guān)
打開。
當(dāng)前還不支持單步斷點(diǎn)調(diào)試,除了print外,用戶還可以通過調(diào)用do_Notification.alert和toast來(lái)彈出提示窗口來(lái)調(diào)試數(shù)據(jù)。