1,下載安裝編輯器:https://www.dcloud.io/vue
2,打開HBuilder,文件-新建-項目chrome
選擇平臺uni-app,填寫項目名稱,保存路徑,選擇模板,建立json
3,選擇平臺不同,模板選擇也不同,學習就簡單開始,瀏覽器
因此我就選擇默認模板,文件少簡單多,看起來不會凌亂頭都炸了app
4,開始,默認有個頁面的了,咱們新建兩個頁面編輯器
pages/index/index.vue學習
pages/xingxi/xingxiui
pages/my/my3d
須要切換?但沒有導航欄,我想創建導航切換欄目,blog
先創建個菜單欄tabBar:{ },點擊pages.json,修改參數路徑,詳細參數官網哈
運行——運行到瀏覽器——chrome效果,能夠運行到其它方式
5,而後再來頁面的點擊跳轉pages:[ ],也是在pages.json,修改路徑樣式
6,在建立的3個目錄文件下pages/,修改頁面,標題樣式