Hbuildx--启动微信小程序项目

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

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

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

Hbuildx--启动微信小程序项目_第1张图片

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

Hbuildx--启动微信小程序项目_第2张图片

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

Hbuildx--启动微信小程序项目_第3张图片

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

Hbuildx--启动微信小程序项目_第4张图片

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

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

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

Hbuildx--启动微信小程序项目_第5张图片

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

Hbuildx--启动微信小程序项目_第6张图片

打开终端后,执行npm install

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

Hbuildx--启动微信小程序项目_第7张图片

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

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

Hbuildx--启动微信小程序项目_第8张图片

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

Hbuildx--启动微信小程序项目_第9张图片

7、学海无涯苦作舟。

 

 

你可能感兴趣的:(微信小程序)