uni-app編寫小程序


今天項目還沒有開始開發,網上看到了uni-app官網介紹可以一套代碼,多端使用,感覺很厲害的樣子,就做了個小程序頁面試試。

uni-app 使用 vue語法,小程序api,內嵌mpvue,使我們能夠很快的上手開發。

先上效果圖

 

一、安裝(HBuilderX 和 微信小程序開發工具)

       安裝完成HBuilderX 后新建uni-app項目

    

      項目目錄和我們平時vue項目結構差不多,我們可以在.vue文件來編寫我們的頁面。

       

   我們在第一次打開小程序時需要注意兩點:

           1、配置小程序路徑:運行-》運行到小程序模擬器-》運行設置 

    

  2、將小程序的服務端口開啟,然后就可以運行小程序了

  

  由於內嵌了mpvue,所以我們直接使用vue語法進行開發,和我們cli構建出的項目基本沒有差別

    

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM