## 搭建環境
開發者需分別安裝如下工具:
HBuilderX:內置uni-app編譯器及項目模板,http://www.dcloud.io/hbuilderx.html
微信開發者工具:編譯調試小程序所用,https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html
## 創建項目
在點擊工具欄里的文件 -> 新建 -> 項目:

選擇uni-app,輸入工程名,如:first-uniapp,點擊創建,即可成功創建uni-app。點擊從模版創建,選擇hello-uniapp即可體驗官方示例。

## 運行uni-app
在微信開發者工具里運行:進入first-uniapp項目,點擊工具欄的運行 -> 運行到小程序模擬器 -> 微信開發者工具,即可在微信開發者工具里面體驗uni-app。

注意:如果是第一次使用,需要先配置小程序ide的相關路徑,才能運行成功。如下圖,需在輸入框輸入微信開發者工具的安裝路徑。 若HBuilderX不能正常啟動微信開發者工具,需要開發者手動啟動,然后將uni-app生成小程序工程的路徑拷貝到微信開發者工具里面,在HBuilderX里面開發,在小微信開發者工具里面就可看到實時的效果。
uni-app默認把項目編譯到根目錄的unpackage目錄。

真機運行:連接手機,開啟USB調試,進入first-uniapp項目,點擊工具欄的運行 -> 真機運行 -> 選擇運行的設備,即可在該設備里面體驗uni-app。

也可直接點擊快捷按鈕,選擇設備運行:

注意:
真機運行需要設置應用表示,登錄 hbuilderX 后點擊云端獲取即可!
- 第1講 : 創建項目、部署 VUE 、入口頁面布局
- 第2講,快速開始第一個項目
- 第3講 : uni-app 開發規范及目錄結構
- 第4講 : uni-app 頁面樣式與布局
- 第5講 : uni-app 配置文件 - pages.json
- 第6講 : 配置文件 - manifest.json
- 第7講 : uni-app 頁面生命周期
- 第8講 : uni-app 模板語法 - 數據綁定
- 第9講Class 與 Style 綁定 (動態菜單激活示例)
- 第10講 : uni-app 事件處理、事件綁定、事件傳參
- 第11講 : uni-app 組件 - 基礎組件
- 第12講 : uni-app 組件 - 表單組件
- 第13講 : uni-app 組件 - navigator(導航)及頁
- 第14講 : uni-app 組件 - 媒體組件
- 第15講 : uni-app 組件 - 地圖組件
- 第16講 : uni-app 接口 - 網絡請求
- 第17講 : uni-app 接口 - 從本地相冊選擇圖片或使
- 第18講 : uni-app 上傳(圖片上傳實戰)
- 第19講 : uni-app 接口 - 數據緩存
- 第20講 : uni-app 設備相關
- 第21講 : uni-app 交互反饋
- 第22講 : uni-app 設置導航條
- 第23講 : uni-app 導航(頁面流轉)
- 第24講 : uni-app 下拉刷新
- 第25講 : uni-app 上拉加載更多
- 第26講 : uni-app 第三方登錄(小程序篇)
- 第27講 : uni-app 登錄(h5+ app 篇)
- 第28講 : 自定義組件創建及使用