1、需要在Hbuild官网,下载Hbuildx开发工具

2、打开Buildx,导入微信小程序项目,添加小程序开发工具

如果没有安装微信web开发工具,需要先根据上面的提示地址下载,之后把本地的安装路径配置到如下图位置。

3、下载安装过微信小程序开发工具后,桌面会生成如下图标

打开后,使用微信扫码登陆,需要设置端口开启(设置--安全设置--开启端口)如下:

4、在微信开发者网站,注册小程序开发用户,获取appId(点击项目的mainfest.json)

登录微信开发者官网,注册获取appid

网址:https://mp.weixin.qq.com

获取如下红色圈出的部分,填写到上图Hbuildx的mainfest.json的配置中

5、启动终端,下载需要的依赖

打开终端后,执行npm install

6、启动到模拟器中(运行到小程序模拟器---微信开发者工具)

注意:如果这里如果报错,需要根据提示解决问题,如:sass组件没有安装等,需要自行安装sass组件(在工具--安装插件中安装需要的插件)

启动结果如下为启动成功:

,微信开发者工具此时如下,项目正常运行了

7、学海无涯苦作舟。

8、如果不能连接本地调试,把下面的勾选上

 

 

Logo

开放原子开发者工作坊旨在鼓励更多人参与开源活动,与志同道合的开发者们相互交流开发经验、分享开发心得、获取前沿技术趋势。工作坊有多种形式的开发者活动,如meetup、训练营等,主打技术交流,干货满满,真诚地邀请各位开发者共同参与!

更多推荐