1、雙擊打開HBuilderX開發工具，依次點擊文件--->新建--->項目
創建項目
2、打開新建項目窗口，勾選uni-app項目類型，輸入項目名稱，選擇模板，然後點擊創建
輸入項目名稱，選擇模板
3、創建完項目後，查看項目結構
查看項目結構
4、打開微信開發者工具，點擊設置--->安全設置
點擊設置--->安全設置
5、在安全設置選項卡窗口，開啟服務埠，複製埠號
開啟服務埠，複製埠號
6、返回到HBuilderX工具，點擊工具--->設置--->運行配置，配置外部web伺服器調用url
配置外部web伺服器調用url
7、選中uni-app項目，點擊運行--->運行到小程序模擬器--->微信開發者工具
運行到小程序模擬器--->微信開發者工具
8、啟動uni-app，查看控制臺運行結果
啟動uni-app，查看控制臺運行結果
9、自動打開微信開發者工具窗口，生成MP-WEIXIN小程序項目
生成MP-WEIXIN小程序項目
10、查看右側的模擬器，可以查看到效果
查看右側的模擬器，可以查看到效果
11、返回到HBuilderX工具，在uni-app項目的pages文件夾下，新建兩個頁面sys和user
新建兩個頁面sys和user
12、打開項目中的pages.json，配置pages對象中的屬性（path和style）
配置pages對象中的屬性（path和style）
13、在pages對象下方，添加對象tabBar；配置屬性color、selectedColor、borderStyle、backgroundColor和list
添加對象tabBar，配置屬性
14、保存文件併到微信開發者工具查看效果，可以看到底部顯示三個菜單（首頁、用戶和設置）
微信開發者工具查看效果