HBuilder將uniapp項(xiàng)目運(yùn)行到微信開發(fā)者工具進(jìn)行小程序調(diào)試
前言
- 有時(shí)候我們的項(xiàng)目開發(fā)是使用uniapp，而最終是要發(fā)布到微信小程序的。
- 在開發(fā)uniapp項(xiàng)目過程中，我們可以使用HBuilderX運(yùn)行到微信小程序模擬器（微信開發(fā)者工具），一邊寫代碼一邊調(diào)試、預(yù)覽效果。
準(zhǔn)備
電腦安裝以下軟件
- HbuilderX（寫代碼）
- 微信開發(fā)者工具（調(diào)試，預(yù)覽）
具體步驟
1. 小程序運(yùn)行路徑配置
- 打開HbuilderX里面的【工具】→【設(shè)置】
- 在運(yùn)行配置里面，把微信開發(fā)者工具的安裝路徑填上。
注意!!：這里路徑要選到安裝路徑的最后一級，把【微信開發(fā)者工具】文件夾也選上
如果只配置了這個(gè)，運(yùn)行到小程序模擬器的時(shí)候會提示服務(wù)端口沒有打開，這里的服務(wù)端口指的是微信開發(fā)工具里面的服務(wù)端口
文章來源：http://www.zghlxwxcb.cn/news/detail-600255.html
2. 打開服務(wù)端口
我們現(xiàn)在只需在微信開發(fā)者工具中的設(shè)置→安全 里面 把服務(wù)器端口打開
我們再進(jìn)行運(yùn)行編譯
編譯成功后，會自動打開微信開發(fā)者工具，這時(shí)候就能看到我們的uniapp在小程序的運(yùn)行效果了。在HBuilderX中修改文件并保存，會自動刷新微信模擬器，可以一邊寫代碼一邊調(diào)試了。
文章來源地址http://www.zghlxwxcb.cn/news/detail-600255.html
到了這里，關(guān)于HBuilder將uniapp項(xiàng)目運(yùn)行到微信開發(fā)者工具進(jìn)行小程序調(diào)試的文章就介紹完了。如果您還想了解更多內(nèi)容，請?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
