uniapp環(huán)境下啟動小程序即小程序Uni-App開發(fā)模式

關(guān)于微信小程序安裝工具及


1.? ? 物料預(yù)備

所需物料有:

(1)? 微信開發(fā)者工具,

????下載路徑:https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html


(2)? ?Hbuilder X??? ???????

????下載路徑:????? https://www.dcloud.io/hbuilderx.html

(3)? ?Node.js 環(huán)境??????????

????下載路徑?? https://nodejs.org/zh-cn/download/

(4)? ? 小程序代碼

????此代碼是基于uniapp開發(fā)的小程序代碼,故需要在hbuilder X中進行編譯后才能在微信開發(fā)者工具中打開小程序進行查看,需提前備好代碼

(5)? ? 微信小程序開發(fā)者權(quán)限?

登陸微信公眾平臺,然后點擊成員管理,編輯,添加成員,搜索微信號,搜索確定之后勾選權(quán)限,最后確認添加,添加完成之后即可對小程序進行開發(fā)查看等操作。開發(fā)者權(quán)限及運營者權(quán)限必須勾選,但后者看你需要



2.? ? 進入安裝物料

默認進入此進程時node.js和 npm安裝完成,且和微信開發(fā)者工具的系統(tǒng)位寬一樣,如:x64 或 x32,必須和小程序微信開發(fā)者工具位寬一樣,否則運行時無法初始化

(1).小程序微信開發(fā)者工具和hbuilder X可以同時安裝,安裝完之后,打開微信開發(fā)者工具,登陸有開發(fā)者權(quán)限的微信號,然后對開發(fā)者工具設(shè)置如下


此處必須開啟,否者無法被hbuilder調(diào)起

HbuilderX安裝時默認安裝,安裝完成以后打開,對小程序代碼執(zhí)行一下命令行操作:

???????????????????? np minstall

???????????????????? 對小程序代碼進行初始化,之后點擊運行


進入設(shè)置,對小程序開發(fā)者工具進行配置

配置完成之后點擊運行—》運行到小程序—〉微信開發(fā)者工具


(2)進入到這一步時,如以上所有步驟安裝正確的情況下,可正常調(diào)起微信開發(fā)者工具,如安裝失敗,或者hbilder X的插件以及依賴沒有安裝完成的話,則可能會卡在編譯階段,重新編譯即可解決,hbuilder X的插件依賴完整的情況下,則會運行到調(diào)起微信開發(fā)者工具展示uniapp編譯后的小程序


3.? ? 錯誤解決方案:

1.? ? 可能的錯誤:出現(xiàn)在npm install時的npm 位寬錯誤,此錯誤卸載node.js重新安裝與開發(fā)者工具和和Hbuilder X相同位寬的程序

2.? ? 運行編譯時小程序代碼所需要的依賴需要安裝,安裝完之后,需要重新編譯運行,此操作可能多次重復(fù)等,需耐心等待

3.? ? 編譯完成后無法調(diào)起開發(fā)者工具,此時需要檢查開發(fā)者工具的安全設(shè)置里服務(wù)端口是否打開,以及hbuilder X中運行配置里是否寫入正確的開發(fā)者工具的安裝路徑

4.? ? 調(diào)起小程序開發(fā)者工具后,調(diào)試器console里可能出現(xiàn)的渲染層及文件查找失敗等,請在微信開發(fā)者工具內(nèi)點擊清除緩存后重新編輯,此時若還是無法解決此類問題時,請重復(fù)hbuilderx的運行編輯

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容