在uniapp环境中启动小程序的uniapp开发模式

关于微信小程序安装工具和

1.材料准备

所需材料为：

（1） 微信开发者工具，

下载路径：

（2） Hbuilder X公司

下载路径：

（3） 节点。js环境

下载路径

（4） 小程序代码

此代码是基于uniapp开发的小程序代码，因此您需要在hbuilder X中编译它，然后才能在微信开发者工具中打开小程序进行查看。你需要提前准备代码

（5） 微信小程序开发者权限

登录微信公众平台，然后单击会员管理、编辑、添加会员以搜索微信。确认搜索后，检查权限，最后确认添加。添加后，您可以开发和查看小程序。必须检查开发人员权限和操作员权限，但后者取决于您的需要

2.输入安装材料

默认情况下，当进入此流程时，节点。js和npm已安装，系统位宽与微信开发者工具（如x64或x32）的位宽相同，必须与小程序微信开发工具相同，否则运行时无法初始化

（1） 小程序微信开发者工具和hbuilder X可以同时安装。安装后，打开微信开发者工具，以开发者权限登录微信，然后按如下方式设置开发者工具

必须启用它，否则hbuilder无法调用它

安装HbuilderX时，默认情况下会安装。安装完成后，打开它并对小程序代码执行以下命令行操作：

np最小值

初始化小程序代码，然后单击“运行”

输入设置以配置小程序开发工具

点击配置后运行->运行到小程序->微信开发者工具

（2） 进入此步骤时，如果以上所有步骤都安装正确，则可以正常调用微信开发者工具。如果安装失败，或者如果hbilder X的插件和依赖项的安装没有完成，它可能会停留在编译阶段，可以通过重新编译来解决。如果hbuilder X插件的依赖关系完整，则会调用微信开发者工具来显示uniapp的编译小程序

3.错误解决：

1.可能的错误：安装npm时发生npm位宽错误。此错误将卸载节点。js并重新安装与开发工具和Hbuilder X具有相同位宽的程序

2.需要安装编译期间小程序代码所需的依赖项。安装完成后，需要重新编译并再次运行。这个手术可能会重复很多次，所以你需要耐心

3.编译完成后，无法调用开发人员工具。此时，检查开发者工具的安全设置中的服务端口是否打开，以及hbuilder X的运行配置中是否写入了开发者工具的正确安装路径

4.调用小程序开发工具后，调试器控制台中可能会出现渲染层和文件搜索失败。微信开发者工具中的清除缓存，然后重新编辑。如果这个问题仍然无法解决，请重复运行和编辑hbuilderx