uniapp环境下启动小程序即小程序Uni-App开发模式

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

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的运行编辑