开发小程序的第一步,你需要拥有一个小程序帐号,通过这个帐号你就可以管理你的小程序。在这个小程序管理平台,你可以管理你的小程序的权限,查看数据报表,发布小程序等操作。
小程序信息完善
开发小程序 -- 小程序开发者工具,语法,组件,API的使用
提交审核和发布
注册微信小程序账号:
注册微信小程序账号 https://mp.weixin.qq.com/wxopen/waregister?action=step1
![](https://img-blog.csdnimg.cn/img_convert/048807dc2834a48092ab614771173d27.png)
邮箱验证
![](https://img-blog.csdnimg.cn/img_convert/71687db58b76bf66f5544dff2f8fdfeb.png)
信息登记:
![](https://img-blog.csdnimg.cn/img_convert/ecce99bd013716ad2d1c2046d572f133.png)
![](https://img-blog.csdnimg.cn/img_convert/79e8a1c223d3f610c9be051f33d68c7c.png)
![](https://img-blog.csdnimg.cn/img_convert/d1165d0483f4356abf78d88bfb4a44ab.png)
开发者工具使用
![](https://img-blog.csdnimg.cn/img_convert/bc14fc342637855075cee044de21e22c.png)
安装开发者工具
![](https://img-blog.csdnimg.cn/img_convert/9792ce782d02a0efb968893d9ccf377a.png)
![](https://img-blog.csdnimg.cn/img_convert/281b8209eb432473855f5609115de097.png)
![](https://img-blog.csdnimg.cn/img_convert/b41f5533adbe9ab3ca1141cfa1393d42.png)
下一步下一步,傻瓜式操作
![](https://img-blog.csdnimg.cn/img_convert/395dda8ce74c2e464bf2be9899a0afc0.png)
![](https://img-blog.csdnimg.cn/img_convert/48c3b43af0367e623bc7bf652170beea.png)
![](https://img-blog.csdnimg.cn/img_convert/021d9ef37b7f09cee8354e6fe02c4480.png)
用注册小程序的微信号登陆:
![](https://img-blog.csdnimg.cn/img_convert/b9ab37797c7758b3576dfdeddeaae3e3.png)
创建小程序项目
项目目录为存放路径
AppID在微信公众平台登录后,开发,开发管理,开发设置中获取
项目名称为自定义小程序项目名称
![](https://img-blog.csdnimg.cn/img_convert/0e2ab9a2c186400569653084bdb52ade.png)
![](https://img-blog.csdnimg.cn/img_convert/e94d73cb959bd8e3d63a91664316eec6.png)
![](https://img-blog.csdnimg.cn/img_convert/53dfba658d1db83059e095c900433614.png)
目录结构解析
page:用于指定小程序由哪些页面组成
utils:存放工具类文件
app.json:对当前小程序的全局配置,包括小程序的页面路径,界面表现,网络超时时间,底部tab等
project.config.json:工具配置,例如界面颜色,编译配置等
app.js:小程序初始化版本,定义全局api调用,类似于vue中的main.js
app.scss:小程序的全局公共样式表,类似于css样式