uni-app微信小程序入门

与天地兮比寿,与日月兮齐光。这篇文章主要讲述uni-app微信小程序入门相关的知识,希望能为你提供帮助。
本文出自:https://www.cnblogs.com/2186009311CFF/p/12155770.html
第一步:下载并安装HBuilderX的app开发版
地址:https://www.dcloud.io/hbuilderx.html

uni-app微信小程序入门

文章图片

 
  第二步:HBuilderX创建项目
uni-app微信小程序入门

文章图片

 
第三步:微信公众号平台(  https://mp.weixin.qq.com/  )注册小程序账号
(注意:邮箱需要之前没有在微信公众平台注册过的)
uni-app微信小程序入门

文章图片

 
 
uni-app微信小程序入门

文章图片

 
 
 
【uni-app微信小程序入门】第四步:下载并安装微信开发者工具稳定版:  https://developers.weixin.qq.com/miniprogram/dev/devtools/devtools.html
uni-app微信小程序入门

文章图片

 
 
第五步:打开微信开发者工具,设置,开启服务端口
uni-app微信小程序入门

文章图片

 
  第五步:登录小程序账号,拿到APPID
uni-app微信小程序入门

文章图片

 
  第六步:打开微信开发者工具,配置APPID
第七步:HBuilderX设置微信开发者工具安装目录
uni-app微信小程序入门

文章图片

 
  第八步:HBuilderX运行项目
uni-app微信小程序入门

文章图片

暂时写到这,有问题请指正,谢谢! 
 
uni-app微信小程序入门

文章图片

 
 
参考链接:
uni-app:    https://uniapp.dcloud.io/quickstart
https://www.jianshu.com/p/b298c55a095c
错误解除:  https://blog.csdn.net/carrie_zzz/article/details/96038196

    推荐阅读