一個App完成入門篇（一）-從Hello world開始

程序員學習新技術都是經過Hello World開始的，咱們也不例外。第一課咱們簡單瞭解利用do平臺開發App的基本流程，能瞭解到的知識點是：

開發環境搭建
建立開發者帳號
新建項目
拖拽一個組件
修改js代碼
手機查看效果

1. 開發環境搭建

do平臺的開發的基本開發工做都是圍繞DeviceOne提供的IDE（DevinceOne Stduio），咱們一般簡稱爲設計器。

設計器是基於Eclipse核心的RCP,熟悉Eclipse的的開發人員應該很熟悉基本的操做。設計器是跨平臺的，能夠在Windows，Mac下運行。之後能夠支持更多，好比Linux。基本的運行條件是須要Java Development Kit(JDK7)及以上版本。

下載頁面是這裏

支持操做系統 設計器下載 JDK版本 大小
Windows 32位 32位Windows版本 32位JDK7及以上版本For Windows 140M左右
Windows 64位 64位Windows版本 64位JDK7及以上版本For Windows 147M左右
MAC 64位 MAC版本設計器 64位JDK7及以上版本For Mac 144M左右

1. 建立開發者帳號
   do平臺提供的開發者服務有一些服務項目須要在線，建立一個開發者帳號是必需要的。註冊沒什麼特殊，簡單略過。申請地址是這裏

2. 新建項目

下載設計器後，啓動的界面相似常規的Eclipse界面，do平臺基本的開發工做都是圍繞着設計器，基本上全部的工做步驟都在設計器上操做：

首先須要新建一個項目，點擊File-New-DeviceOne Project或者直接在Script Explorer窗口的右鍵New-DeviceOne Project：

新建項目須要聯網，輸入用戶密碼驗證碼後登錄。可是建立完以後是支持離線開發和調試的。

1. 拖拽一個組件
   新建完成後，會自動生成一些文件。

雙擊打開index.ui，咱們能夠看到一個可視化的設計區域和右邊的UI備選區，咱們從右邊找到do_Label拖拽到設計區
接着選中這個組件，而後在Properties窗口把它的bgColor改爲00FF00FF（前6位表示顏色，後2位表示透明值),咱們能夠立刻看到Label的背景變成了綠色效果

1. 修改js代碼
   咱們再來雙擊打開index.ui.js，咱們能夠看到JavaScript的編輯器，修改一行代碼，把Hello World改爲Hello DeviceOne。在js文件裏能夠修改應用運行的邏輯。表示點擊這個按鈕，alert出一個信息

1. 手機查看效果
   咱們最後來手機上看看運行的效果。

首先咱們須要安裝一個調試用的App，打開這裏掃描裏面二維碼安裝一個doDebugger的App，Android，iOS手機均可以，windows和winphone版本不支持二維碼掃描安裝，這一課暫時不提。安裝完以下圖。這裏提一下，這個調試App是能夠定製的，這裏暫時不詳細解釋。

而後咱們回到設計器中的Service右鍵點擊Create按鈕，若是彈出一個選擇窗口，請選擇剛建立好的test項目。建立後，記錄下顯示的ip地址和port號。請確保state是Running

繼續咱們回到手機，打開doDebugger這個app，在服務地址處輸入剛纔咱們記錄下的地址和端口。請確保手機和電腦在同一網段。而後點擊更新,把代碼從電腦上同步到手機上。若是更新提示失敗，請參考這裏.

最後咱們點擊進入，就能夠看到咱們在設計器上設計的效果，點擊按鈕，會彈出Hello DeviceOne

這一課咱們就到這裏，是否是以爲很簡單了。就這樣，咱們在設計器上能夠繼續修改代碼，修改UI，而後再次點擊更新按鈕和進入按鈕就能夠實時的看到開發的效果。一直到這個App完成全部你須要達到的功能。