目录

uni-appHBuilderX-搭建并启动微信小程序项目

目录

uni-app/HBuilderX 搭建并启动微信小程序项目

1、安装HBuilderX

官网下载地址:

2、创建uni-app项目

https://i-blog.csdnimg.cn/blog_migrate/e00a95e79d51773700283d2a42890730.png

默认模版就可以

3、设置微信小程序密钥(这步很重要)

https://i-blog.csdnimg.cn/blog_migrate/e4eefa5399aac7b1677691984439dfe5.png

4、关联微信小程序开发者工具

ps: 因为运行起来还是要在小程序开发者工具上看效果,所以需要关联

https://i-blog.csdnimg.cn/blog_migrate/bbfcb722d16f9099d2ab31e9455f9de0.png

5、接着登录微信开发者工具,点击设置下面的安全设置

获取小程序端口号关联HBuilder

https://i-blog.csdnimg.cn/blog_migrate/8a8128cfd0e5af3b6846a53c0222a56f.png

https://i-blog.csdnimg.cn/blog_migrate/4c181ac2c1d4b3b49b8f69df0a882f3b.png

6、填写外部web服务器调用url

https://i-blog.csdnimg.cn/blog_migrate/859a8f2332215c33e2218f016dc727f0.png

7、运行项目

ps: 运行会自动打开微信小程序开发者工具

https://i-blog.csdnimg.cn/blog_migrate/e26c25b4a014868266f9a17d02c88700.png https://i-blog.csdnimg.cn/blog_migrate/f19043b87c328581fbf9a43e6e5e3b7a.png

这样就可以开发了;