一個簡單易上手的webapp框架HBuilder mui


最近網絡上webAPP很火,公司跟上步伐,准備推出一款webapp,給了個鏈接,讓我學習學習弄出來

1.下載並安裝 HBuilder  

http://www.dcloud.io/  直接下載就行

下載下來的工具包含他已有的框架

 

2.新建hello mui模板 (在這個模板里你可以看到mui的所有示例)

mui使用文檔:http://dev.dcloud.net.cn/mui/ui/

 

新建項目跟新建

文件>新建>移動APP >創建移動APP  >完成

應用名稱:hello world,位置:你的項目地址 ,選擇模板 Hello mui  

 

 

3.運行Hello mui

把你的手機連接上電腦, 然后HBuilder會自動連接到你的手機,點擊運行>手機運行>選擇你的手機 運行  就會在你的手機上自動安裝上hbuilder的應用 點擊APP就能運行了

HBuilder有一個好處就是不用發布,或者別的設置,直接ctrl+S 你的手機就會實時更新你修改的內容了

 

 

 

4.配置(如果你准備發布你的自己的正式版本,你可以對你的應用進行配置)

打開目錄中的manifest.json 可以配置 app在你手機上顯示時的應用名稱,頁面入口,模堅屏顯示,啟動圖片,啟動的模塊,SDK配置等等

也可以去除一些你的應用中沒有用到的模塊,以減少APP的體積

 

5.發布 

hbuilder 雲端打包APP有一個好處就是,你可以不用自己配置xcode和Android SDK,對於我這種剛接觸這行的新手來說,xcode和SDK是什么鬼 ?完全不懂麻,這個大大的方便了我們

發行>發行為原生安裝包> 你要android就選安桌的,要ios就選ios的,也可以兩個都選,然后直接點打包,就行了

 

打包完成后,你可以在你的文件目錄 Hello world\unpackage\release 里查看安裝包

 

本推薦僅適合剛入webAPP坑的菜鳥,以上內容只是一個大概的WebApp示例的 生產過程,還有更多的問題請查看官方文檔 http://ask.dcloud.net.cn/docs/

 

HBuilder用后感:

使用確實很簡單方便,如果你想做一個基本款的webAPP,mui就能滿足你了,你想要的mui基本都要示例,你直接拿過來就能用

稍微難一點的,h5+也有示例和文檔

一句話,你想要的,這里都有哦

最后祝大家在webApp這個坑里越走越深

 


免責聲明!

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



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