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