1.下载官方工具:微信web开发者工具。
下载网址:https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html?t=1476434678461
如图可依据电脑版本下载
2.申请账号:https://mp.weixin.qq.com/wxopen/waregister?action=step1
3.登录 https://mp.weixin.qq.com ,在菜单 "设置”-“开发设置” 看到小程序的 AppID,后续在很多地方都要用到 AppID
(本人练手,注册的是个人ID)
4.微信小程序设计指南:https://developers.weixin.qq.com/miniprogram/design/index.html
5.跟视频入门使用软件:(所分享的为博主入门所学视频)
https://study.163.com/course/introduction.htm?courseId=1003795015&utm_campaign=share&utm_medium=androidShare&utm_content=courseIntro&utm_u=1139268689&utm_source=qq
(若已经完成前四步可略过第一节直接学习视频2.3节内容)
此处,贴一下博主记录的几处知识点(零散地记录了一些,可能看着有些费力)
下面是博主练手的第一个小程序,模拟播放器,实现点击图片观看的功能
1.打开微信web开发者工具,项目-新建,如图,将项目目录新建为空文件夹
2.插入图片时,直接将图片保存至新建文件夹中,并命名为image,此时项目中会自动显示image
3.在index.js实现后台交互,在index.wxml以及wxss下更改样式,在until.js中创建自己的模块
如图,连接到其他页面,并实现图片的排版
4.根据上图设置其他样式
5.引入视频链接
6.设置播放样式
7.(此页面为首页,可放于首页)pages下第一个即为展示的首页
ending:
博主仍在继续学习,后续可能会持续更新,若链接中所含作者不愿意引用,可联系博主删除。博主仍在初步学习阶段,不喜轻喷。如有学习建议,请评论或联系博主,万分感谢,祝万事胜意!