微信小程序开发环境配置uni?app

2022-04-28
6346 浏览
4 评论
闻道君

开发环境配置

1、uni-app开发小程序是基于Hbuilder、微信开发者工具开发

下载链接:

Hbuilder:https://www.dcloud.io/hbuilderx.html

微信开发者工具:https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html

如果喜欢用vsCode开发工具开发的请忽略这篇文章,请转到:https://www.jianshu.com/p/259c173bcab3

如果上述已下载的请忽略第一步,直接查看第二步

2、首先配置Hbuilder,点击文件 --->新建 --->项目,建立项目

< ="http://blog.jsudo.com/wp-content/uploads/2023/01/frc-689a3e6cc78d21788d0b5602fe58b1b4.png">

3、然后打开建立好的项目中的manifest.json文件配置小程序,填入AppId等

< ="http://blog.jsudo.com/wp-content/uploads/2023/01/frc-f96ed012b2825ae705fe70a4c8ab3ac7.png">

4、接下来打开微信开发者工具,打开设置 --->安全设置,开启端口号(记录下端口号,下面会用到)

< ="http://blog.jsudo.com/wp-content/uploads/2023/01/frc-7f2b67ee45f6aab86806b9f72cad5d8f.png">

5、再转到Hbuilder。选择运行---> 运行到小程序模拟器 ---> 运行设置(如图一),填写外部web服务器点用URL(端口号是刚刚微信开发者工具中开启的端口号),选择微信开发工具的安装路径(如图二)

< ="http://blog.jsudo.com/wp-content/uploads/2023/01/frc-949b3ac17de491ab23a76cb9a51b8de4.png">
图一
< ="http://blog.jsudo.com/wp-content/uploads/2023/01/frc-9244a389c9a5d5bac258a3624f685a8b.png">
图二

6、全部配置完成后,选择运行 ---> 运行到小程序模拟器 ---> 微信开发者工具,程序会自动调出微信开发工具

< ="http://blog.jsudo.com/wp-content/uploads/2023/01/frc-e4c0fa560349a28de1dff18a28f98e1e.png">

****更多行业产品开发方案,请关注 加速度****

<以上资讯仅供参考,如需解决具体问题,建议您关注作者;如果有软件产品开发需求,可在线咨询获取产品开发方案和报价>

小程序开发 小程序商城 微信小程序
微信客服二维码

加客服微信获取更多内容