介紹:uni-app 是一個使用 Vue.js 開發所有前端應用的框架,開發者編寫一套代碼,可編譯到iOS、Android、H5、以及各種小程序(微信/阿里/百度/頭條/QQ)等多個平台。
uni-app官網:傳送門
uni-app插件市場:傳送門
前一段時間因為個人了解到這個比較nb的多端開發框架,所以有興趣自己去嘗試了一下,從開始的搭建項目到微信公眾號h5的登錄-->微信支付都嘗試了一遍。第一次嘗試也踩了很多的坑。相信有很多小伙伴也遇到過這樣的疑惑和問題。(大神略過),所以在這里寫下開發中遇到的一些問題,記錄一下。有需要的童鞋可以參考一下。如若有不對的地方,望指正。如果想立即看到效果和代碼的童鞋可以去uni.app的插件市場看那個總榜第一的插件,那個是一個比較完整的示例。
uni.app這個框架想看詳細的教程可以去官網,還有論壇看一下。同時uni.app的插件市場里面有很多比較常用的組件,急需快速開發的同學可以直接去下載,然后就復制到項目里面就可以直接用了。最基本的一些介紹我就不再累述了。可以去看看這個博客里面介紹了項目目錄和生命周期。如果使用過vue.js的人上手這個是非常快的。下面講一下我遇到的問題。
一、使用HBuilder X直接運行調試的時候打不開微信開發者工具。(因為我是做的微信公眾號h5頁面)
當然是h5的話直接就用微信開發者工具的調試公眾號就可以了。上面這個是運行小程序到微信開發者工具。錯誤的原因就是,微信開發者工具沒有開起調試端口。如下設置就可以了:設置-->安全設置-->開起端口
待續————————