uni-app開發(fā)微信小程序
1. 配置開發(fā)環(huán)境
uni-app基于Hbuilder矾策、微信開發(fā)者工具開發(fā)
下載鏈接： https://www.dcloud.io/
https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html
全部安裝好后尘分，首先配置Hbuilder
文件-新建-項目
3771586942935_.pic_hd.jpg
選擇uni-app后填寫項目名稱孽拷，選擇文件目錄馁痴，我這里直接選的默認模版自己開發(fā)。
3781586943053_.pic_hd.jpg
填入appid鞋既，需要提前在申請好囊卜，最好記錄在個人電腦內(nèi)，以免忘記越妈。
3791586943517_.pic_hd.jpg
安裝需要的插件 例如編譯less季俩、sass、語法校驗等叮称，選擇工具-插件安裝
3871586945792_.pic_hd.jpg
微信開發(fā)工具
設(shè)置-安全設(shè)置
3801586943720_.pic_hd.jpg
開啟端口种玛，記錄下端口號
3811586943749_.pic.jpg
再轉(zhuǎn)到Hbuilder
選擇運行-運行到小程序模擬器-運行設(shè)置
3821586943946_.pic_hd.jpg
填寫外部web服務(wù)器點用URL（端口號是微信開發(fā)工具安全設(shè)置內(nèi)的），選擇微信開發(fā)工具的安裝路徑
3831586944066_.pic_hd.jpg
全部配置好后瓤檐，選擇運行-運行到小程序模擬器-微信開發(fā)者工具赂韵，程序會自動調(diào)出微信開發(fā)工具
3861586944798_.pic_hd.jpg
下篇文章 - 添加路由守衛(wèi)
