今天項目還沒有開始開發,網上看到了uni-app官網介紹可以一套代碼,多端使用,感覺很厲害的樣子,就做了個小程序頁面試試。
uni-app 使用 vue語法,小程序api,內嵌mpvue,使我們能夠很快的上手開發。
先上效果圖
一、安裝(HBuilderX 和 微信小程序開發工具)
安裝完成HBuilderX 后新建uni-app項目
項目目錄和我們平時vue項目結構差不多,我們可以在.vue文件來編寫我們的頁面。
我們在第一次打開小程序時需要注意兩點:
1、配置小程序路徑:運行-》運行到小程序模擬器-》運行設置
2、將小程序的服務端口開啟,然后就可以運行小程序了
由於內嵌了mpvue,所以我們直接使用vue語法進行開發,和我們cli構建出的項目基本沒有差別