一、官網學習
這裏可以自己初步瞭解下uniapp,在學習uniapp之前最好有vue的基礎,不然學起來比較困難。
二、基礎準備
① 下載HBuildX —— uniapp 的專用編輯工具,可以創建uniapp的Hello項目,能演示uni-app框架和組件、接口、模板
個人建議:uniapp的組件和api 可以參考Hello項目的一些內容
開發代碼比較方便
缺點:對git, svn的支持並不完美,它依靠Tortoise-git工 具來進行提交拉取,雖然功能是能實現,體驗感覺不好,不過瑕不掩瑜
優點:1、廣支持的代碼智能提示, 因爲很多提示都是中文,還支持F1直接跳轉到方法解說的網頁
2、用這個工具的很大原因就是運行打包全靠它,可以在這個工具內直接一鍵運行到網頁, 手機,模擬器
3、新建項目可直接生成一些優秀模板, 用來學習或者說cv還是不錯的
4、速度比較快,這裏直接把文件夾拖進來就完成了,速度極快
② 下載小程序工具
uni-app的本質是一道轉義過程 ,編寫的uni-app程序會由HBuildX編譯成爲h5, 小程序等等,運行還是要靠第三方本身的工具,所以如果要運行微信小程序,請下載微信小程序開發工具,你不需要自己打開它,把運行目錄配置到HBuildX就行
三、視頻學習
① 你可以去uniapp官網看推薦的三方專業培訓機構的視頻教程
② 或者去bilibili網址上 搜索uniapp的項目案例學習(個人比較推薦)
地址:https://www.bilibili.com/video/BV1JE411r7B5?p=1
③ 也可以去騰訊課堂出品的關於uninapp的視頻教學
(學習的方法有很多,可以自己去百度找,要把搜百度養成習慣,自己可以去各個平臺上找適合自己的項目講解,本人學習的時候就是到處百度)