IDE安裝和使用

設(shè)計器是基于Eclipse RCP開發(fā)的，如果熟悉Eclipse的同學(xué)可能比較容易上手，常見問題都能自己解決。不熟悉的同學(xué)可能會碰到不少問題，這里總結(jié)一下一些常見問題。

安裝

下載和安裝基本上沒有什么問題，都是zip，免安裝的。安裝包大小都是大概140左右 .安裝有可能碰到的問題就是解壓提示錯誤，路徑和文件名總長度必須不能超過 260 個字符。
解決的方法有2種：

不要用winrar去解壓，用系統(tǒng)winzip或者7z之類的工具解壓
解壓到一個不是很深的根目錄

啟動

啟動碰到的問題總體來說以java jdk/jre環(huán)境的問題居多.因為是Eclipse的常用問題，可以百度搜索，也可以看下面的介紹。

--Windows

1. 沒有安裝jdk，一般提示的界面如下：

image

    是64位的就安裝Java SE Development Kit 8u74 Windows x64 版本
    是32位的就安裝Java SE Development Kit 8u74 Windows x86 版本

2. JDK版本太低

do平臺的IDE需要至少JDK1.7及以上。查看JDK的版本就是在CMD下執(zhí)行java -version

image

注意：這個命令也可以看你當(dāng)前JDK是64位還是32位，64位會提示 Java Hot-Spot(TM) 64-Bit

3. JDK的版本和操作系統(tǒng)的版本還有do平臺的設(shè)計器的版本沒對上，這個版本指64位還是32位的差別。一般會報下面的錯誤

image

解決的方法就是最好按照這個規(guī)則：
64位操作系統(tǒng)--->64位JDK--->設(shè)計器64位(Eclipse IDE for Windows x64)
32位操作系統(tǒng)--->32位JDK--->設(shè)計器32位(Eclipse IDE for Windows x86)

4. IDE里登陸用戶密碼沒有反應(yīng)，但是同樣的用戶密碼通過瀏覽器訪問后臺是沒有問題的，一般是因為360之類的阻止了，有時候切換一個網(wǎng)絡(luò)，比如用手機做熱點，就能彈出這個提示框，選擇同意就可以了。

image

--MAC

1. 沒有安裝JDK或者java版本太低，低于1.7

一般ios會報這個錯誤，如下圖：

image

2. mac的應(yīng)用權(quán)限問題導(dǎo)致下載的IDE不能打開，提示已破壞 ，問題的截圖一般是如下：

image

3. 最新的mac系統(tǒng)找不到“信任所有來源的選項”，從而無法安裝，可以嘗試在命令行執(zhí)行：

    打開「終端」：應(yīng)用程序->實用工具->終端；
    粘貼下面的命令后，按回車，輸入你的系統(tǒng)密碼；sudo spctl --master-disable
    再次打開安全設(shè)置選項，就會發(fā)現(xiàn)「任何來源」選項回來了

IDE的使用

image

上圖是整個IDE的基本結(jié)構(gòu)圖。
IDE是基于Eclipse的基礎(chǔ)，大部分功能和Eclipse完全一致，我們簡單再介紹一些常用功能點：

應(yīng)用工程管理：包含新建項目，導(dǎo)入項目等
工程代碼管理：包含新建各種類型代碼文件，文件導(dǎo)航刪除等
UI設(shè)計：包含組件管理，組件同步，拖拽組件，設(shè)置組件屬性等
代碼編輯：包含常用代碼編輯器的一些基本功能
真機聯(lián)調(diào)：包含調(diào)試服務(wù)，調(diào)試日志等
應(yīng)用打包：主要是云打包功能
輔助功能：包含幫助，工具，設(shè)置等

應(yīng)用工程管理

1. 新建應(yīng)用：打開設(shè)計器，第一步就是新建應(yīng)用，我們支持的語言是javascript

2. 導(dǎo)入應(yīng)用：如果我們想要打開和研究別人開發(fā)的一個應(yīng)用的源代碼，我們需要使用import功能。導(dǎo)入功能使用Eclipse標(biāo)準(zhǔn)的右鍵導(dǎo)入，會把別人的應(yīng)用打開。注意這里選擇是導(dǎo)入AppWorker下的Existing Projects into Workspace

image

image

工程代碼管理

1. 文件導(dǎo)航：標(biāo)準(zhǔn)的樹狀結(jié)構(gòu)管理一個工程下的所有代碼和數(shù)據(jù)文件

image

2. 新建文件：右鍵一個目錄節(jié)點，新建文件菜單打開新建文件窗口，設(shè)計器支持多種格式的文件類型

3. 文件操作：包括其它常用的文件刪除，目錄相關(guān)的一些操作，都是在文件節(jié)點和目錄節(jié)點右鍵菜單里，這些都是標(biāo)準(zhǔn)的Eclipse操作。

UI設(shè)計

1. 組件列表：在導(dǎo)航樹上雙擊一個ui文件，就可以打開UI設(shè)計界面，在組件列表里可以看到這個應(yīng)用能使用的UI組件，可以通過拖拽方式，把組件拖拽到設(shè)計區(qū)。新建一個應(yīng)用我們會有缺省的10多個ui組件，如果需要更多組件，需要點擊應(yīng)用配置按鈕，然后添加更多的組件。添加結(jié)束后，還需要點擊應(yīng)用同步按鈕。

image

2. UI結(jié)構(gòu)樹(Outline)：ui文件內(nèi)的組件構(gòu)成一個結(jié)構(gòu)樹，從根節(jié)點RootView開始，包含子節(jié)點，如果子節(jié)點是容器內(nèi)節(jié)點，還可以再包含子節(jié)點。另外節(jié)點右鍵有菜單，可刪除，復(fù)制，粘帖等常用功能。如果節(jié)點是容器節(jié)點，右鍵菜單還有“增加”功能，增加一個子組件到這個容器下。另外還支持鼠標(biāo)拖拽功能。

image

3. 屬性設(shè)置：在設(shè)計區(qū)或者視圖結(jié)構(gòu)樹上選取一個UI組件對象，可以修改它的基礎(chǔ)屬性和特有屬性，其中基礎(chǔ)屬性是所有UI都具有的屬性，特有屬性是每個獨立的UI組件特有的屬性。很多屬性（不是所有的)一修改馬上就能在設(shè)計區(qū)實時看到修改后的效果。

image

代碼編輯

1. 編輯器基礎(chǔ)功能：設(shè)計器提供了常用編輯器的基本功能，包括雙擊js或lua文件打開對應(yīng)的文本編輯頁面，雙擊頁簽關(guān)閉分頁。工具欄里的功能包括Eclipse常用的編輯器功能.

image

2. 自動提示：編輯器提供了好幾種代碼自動提示功能，比如補全變量名，補全ui的id，提示屬性，事件，方法，回車補全函數(shù)參數(shù)集合等，快捷鍵的設(shè)置也和Eclipse標(biāo)準(zhǔn)一致。

image

image

真機調(diào)試

1. 調(diào)試服務(wù):調(diào)試的過程可以參考入門教程

2. 調(diào)試日志：設(shè)計器能接受到手機端發(fā)送的調(diào)試日志，包括運行時的異常，包括用戶調(diào)用print方法傳過來的自定義日志，需確保手機上的調(diào)試終端把調(diào)試開關(guān)打開。

image

當(dāng)前還不支持單步斷點調(diào)試，除了print外，用戶還可以通過調(diào)用do_Notification.alert和toast來彈出提示窗口來調(diào)試數(shù)據(jù)。

云打包

1. 調(diào)試終端打包：用戶調(diào)試的時候可以選擇自己想要的組件，定制化生成調(diào)試終端安裝包。點擊菜單的調(diào)試版本按鈕。

2. 應(yīng)用開發(fā)基本上都是在用調(diào)試終端調(diào)試代碼，一旦應(yīng)用功能完后需要通過打成一個正式的安裝包，有自己的圖標(biāo)，名稱，簽名等等，可以上傳官方的Appstore，可以給最終用戶下載使用。只需點擊設(shè)計器中的發(fā)布版本按鈕

image