关于微信小程序安装工具及
1. 物料预备
所需物料有:
(1) 微信开发者工具,
下载路径:https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html
(2) Hbuilder X
下载路径: https://www.dcloud.io/hbuilderx.html
(3) Node.js 环境
下载路径 https://nodejs.org/zh-cn/download/
(4) 小程序代码
此代码是基于uniapp开发的小程序代码,故需要在hbuilder X中进行编译后才能在微信开发者工具中打开小程序进行查看,需提前备好代码
(5) 微信小程序开发者权限
登陆微信公众平台,然后点击成员管理,编辑,添加成员,搜索微信号,搜索确定之后勾选权限,最后确认添加,添加完成之后即可对小程序进行开发查看等操作。开发者权限及运营者权限必须勾选,但后者看你需要
2. 进入安装物料
默认进入此进程时node.js和 npm安装完成,且和微信开发者工具的系统位宽一样,如:x64 或 x32,必须和小程序微信开发者工具位宽一样,否则运行时无法初始化
(1).小程序微信开发者工具和hbuilder X可以同时安装,安装完之后,打开微信开发者工具,登陆有开发者权限的微信号,然后对开发者工具设置如下
此处必须开启,否者无法被hbuilder调起
HbuilderX安装时默认安装,安装完成以后打开,对小程序代码执行一下命令行操作:
np minstall
对小程序代码进行初始化,之后点击运行
进入设置,对小程序开发者工具进行配置
配置完成之后点击运行—》运行到小程序—〉微信开发者工具
(2)进入到这一步时,如以上所有步骤安装正确的情况下,可正常调起微信开发者工具,如安装失败,或者hbilder X的插件以及依赖没有安装完成的话,则可能会卡在编译阶段,重新编译即可解决,hbuilder X的插件依赖完整的情况下,则会运行到调起微信开发者工具展示uniapp编译后的小程序
3. 错误解决方案:
1. 可能的错误:出现在npm install时的npm 位宽错误,此错误卸载node.js重新安装与开发者工具和和Hbuilder X相同位宽的程序
2. 运行编译时小程序代码所需要的依赖需要安装,安装完之后,需要重新编译运行,此操作可能多次重复等,需耐心等待
3. 编译完成后无法调起开发者工具,此时需要检查开发者工具的安全设置里服务端口是否打开,以及hbuilder X中运行配置里是否写入正确的开发者工具的安装路径
4. 调起小程序开发者工具后,调试器console里可能出现的渲染层及文件查找失败等,请在微信开发者工具内点击清除缓存后重新编辑,此时若还是无法解决此类问题时,请重复hbuilderx的运行编辑