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

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

開發環境搭建

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左右

創建開發者賬號
do平臺提供的開發者服務有一些服務項目需要在線，創建一個開發者賬號是必須要的。注冊沒什么特殊，簡單略過。申請地址是這里

新建項目

下載設計器后，啟動的界面類似常規的Eclipse界面，do平臺基本的開發工作都是圍繞著設計器，基本上所有的工作步驟都在設計器上操作：

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

新建項目需要聯網，輸入用戶密碼驗證碼后登陸。但是創建完之后是支持離線開發和調試的。

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

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

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

手機查看效果
我們最后來手機上看看運行的效果。

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

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

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

最后我們點擊進入，就可以看到我們在設計器上設計的效果，點擊按鈕，會彈出Hello DeviceOne

這一課我們就到這里，是不是覺得很簡單了。就這樣，我們在設計器上可以繼續修改代碼，修改UI，然后再次點擊更新按鈕和進入按鈕就可以實時的看到開發的效果。一直到這個App完成所有你需要達到的功能。

《新程序員》：云原生和全面數字化實踐50位技術專家共同創作，文字、視頻、音頻交互閱讀

總結

以上是生活随笔為你收集整理的一个App完成入门篇（一）-从Hello world开始的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。