關(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的運行編輯