欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2022-06-19 11:58:26
1、需要在Hbuild官网,下载Hbuildx开发工具2、打开Buildx,导入微信小程序项目,添加小程序开发工具如果没有安装微信web开发工具,需要先根据上面的提示地址下载,之后把本地的安装路径配置到如下图位置。3、下载安装过微信小程序开发工具后,桌面会生成如下图标打开后,使用微信扫码登陆,需要设置端口开启(设置--安全设置--开启端口)如下:4、在微信开发者网站,注册小程序开发用户,获取appId(点击项目的mainfest.json)登录微信开发者官网,注册获取...

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

打开终端后,执行npm install

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

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

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

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

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

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

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

7、学海无涯苦作舟。

 

 

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

相关标签: 微信小程序