前言：
隨着跨平臺開發越來越流行，像DCloud這種平臺還會越來越多。 --------谷震平
一 概述
我（個人觀點）已經分析了Hybrid開發模式的優缺點，也分析了使用該模式的平臺的優缺點。所以，選擇了DCloud這樣的平臺。爲什麼？？？每個人有每個人的選擇。我只能告訴你，DCloud適合我這個程序員。
學習路線：
準備工作1：學習HTML5/CSS3/JS
請參見網上視頻教程，可登陸極客學院等在線教育網站。
準備工作2：學習HTML5 plus
參見學習網站 http://www.html5plus.org/doc/zh_cn/accelerometer.html
或者登陸：http://ask.dcloud.net.cn/docs/
準備工作3：瞭解HTML5 plus Runtime和HTML5 plus SDK
參見http://ask.dcloud.net.cn/docs/
準備工作4：下載HBuilder
下載地址：http://www.dcloud.io/index.html
此工具作爲前端開發工具，不需要配置環境。打包APP，可在雲端執行。離線打包手冊，後續給出。
準備工作5：新建項目
HBuilder工具使用視頻：http://edu.yuantuan.com/course/87 《DCloud基礎班之玩轉HBuilder》
HBuilder項目開發實戰視頻：http://edu.yuantuan.com/course/98 《DCloud項目實戰之極速開發新聞客戶端》
二 具體實施
【此處演示在Mac上的操作，使用HBuilder版本爲6.7.1】
1 打開HBuilder之後，進入如下界面
2 在左側新建項目
3 請選擇“移動APP”，將會彈出如下界面
4 填上應用名稱，然後去選擇模板，一共有5個選擇，3個模板，2個示例，都有相應介紹。
先選擇Hello mui示例，確定以後，項目管理器將有新建的項目《DCloud開發APP教學例程》【不建議用中文】。
5 對上面的項目結構目錄解析如下：
css 放置該項目使用過的樣式表
example 放置本示例中所用HTML頁面（也就是手機頁面）
fonts 目前不用管，裏面只有一個tff文件
images 裏面是本項目中使用的所有圖片
js 放置本項目中所使用的一些JS庫和文件
libs 放置了一些開發環境包和庫，有jQuery的、json的等等
manifest.json是手機APP的配置文件，有改入口文件，添加權限等功能
還有就是幾個HTML文件了，index.html是首頁，也是入口文件。其餘不再解釋。
6 選擇index.html打開，理清本項目的相關運行機制。因爲是官方網站的項目，所以不會有錯誤。
7 打包運行
在windows系統上，需要裝手機模擬器，去雲端打包好下載到本地，拖到模擬器中即可。也可以真機調試，和Andriod原生開發一樣。
在Mac系統上，使用自帶的iOS開發模擬器即可。也可以插上數據線連上手機，Hbuilder可自動識別，加載剛開發的項目。
去選擇“運行”->”手機運行”，點擊模擬器即可。
8 在Mac自帶的模擬器體驗APP運行
