微信小程序工具的使用及其参数含义。

官方文档:

目录结构 | 微信开放文档

进入小程序注册页:小程序 根据指引填写信息和提交相应的资料,就可以拥有自己的小程序帐号。

在这个小程序管理平台,你可以管理你的小程序的权限,查看数据报表,发布小程序等操作。

登录 小程序后台 ,我们可以在菜单 “开发”-“开发设置” 看到小程序的 AppID 了 。

小程序的 AppID 相当于小程序平台的一个身份证,后续你会在很多地方要用到 AppID (注意这里要区别于服务号或订阅号的 AppID)。

有了小程序帐号之后,我们需要一个工具来开发小程序。

安装开发工具

前往 开发者工具下载页面 ,根据自己的操作系统下载对应的安装包进行安装,有关开发者工具更详细的介绍可以查看 《开发者工具介绍》 。

打开小程序开发者工具,用微信扫码登录开发者工具,准备开发你的第一个小程序吧!

你的第一个小程序

新建项目选择小程序项目,选择代码存放的硬盘路径,填入刚刚申请到的小程序的 AppID,给你的项目起一个好听的名字,勾选 "不使用云服务" (注意: 你要选择一个空的目录才可以创建项目),点击新建,你就得到了你的第一个小程序了,点击顶部菜单编译就可以在微信开发者工具中预览你的第一个小程序。 

 填入自己的AppID:

确定后可以看见一下目录,首先我们来了解一下目录结构:

在这个包下创建另外一个页面,若是想让它默认显示,需要放在第一行:

page:

用于指定小程序由哪些页面组成,每一项都对应一个页面的 路径(含文件名) 信息。文件名不需要写文件后缀,框架会自动去寻找对应位置的 .json.js.wxml.wxss 四个文件进行处理。

未指定 entryPagePath 时,数组的第一项代表小程序的初始页面(首页)。

官方文档:

全局配置 | 微信开放文档

ctrl+s保存成功后,微信小程序工具会自动创建页面。

window全局属性查看官方文档:

全局配置 | 微信开放文档

tabBar

如果小程序是一个多 tab 应用(客户端窗口的底部或顶部有 tab 栏可以切换页面),可以通过 tabBar 配置项指定 tab 栏的表现,以及 tab 切换时显示的对应页面。

官方文档:

全局配置 | 微信开放文档

---------------------------------------------------------------------------------------------------------------------------------

这里推荐一个图标库:

第一步 下载自己喜欢的图标

我用的是阿里巴巴矢量图库,在Iconfont找到自己喜欢的图标:

搜索自己想要的图标: 

加入购物车,如图:

 页面顶部找到自己的购物车:

 里面有你选择好的图标,选择你想要的格式后会自动下载:

-------------------------------------------------------------------------------------------------------------------------------- 

页面配置文件:

你自己创建的页面包下的:**.json文件

这里可以配置各个页面的单独window属性:

官方文档:

页面配置 | 微信开放文档

 sitemap 配置--了解即可

小程序根目录下的 sitemap.json 文件用于配置小程序及其页面是否允许被微信索引,文件内容为一个 JSON 对象,如果没有 sitemap.json ,则默认为所有页面都允许被索引;

官方文档:

sitemap 配置 | 微信开放文档

后续持续更新!!!!!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值