当前位置: 移动技术网 > IT编程>开发语言>JavaScript > Hbuildx--启动微信小程序项目

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

2020年07月29日  | 移动技术网IT编程  | 我要评论

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、学海无涯苦作舟。

 

 

本文地址:https://blog.csdn.net/qq_34207422/article/details/107614027

如对本文有疑问, 点击进行留言回复!!

相关文章:

验证码:
移动技术网