微信小程序入门（一）

---

介绍

微信小程序是一种全新的连接用户与服务的方式，它可以在微信内被便捷地获取和传播，同时具有出色的使用体验

小程序注册

注册小程序帐号

在微信公众平台官网首页（mp.weixin.qq.com）点击右上角的“立即注册”按钮。

信息补充完整后

获取AppID

申请账号

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

安装开发工具

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

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

第一个小程序

点击新建 第一个小程序就创建好了

项目结构

页面文件

• 小程序中的页面文件分为四个，index.wxml、index.wxss、index.js和 index.json
• index.wxml 是布局文件，index.wxss 是样式文件，index.js 是逻辑文件， index.json 是配置文件
• 页面级别的配置会覆盖全局级别的配置
• 小程序全局通用配置文件只有 app.wxss、app.js和app.json文件，app.wxml文件没有
• 小程序页面级别配置文件有index.js、index.json、index.wxml和index.wxss文件
• 微信小程序的分层，配置层(.json)，视图层(.wxml、.wxss)，逻辑层(.js)

• pages 用来存放所有小程序的页面
• utils 用来存放工具性质的模块（例如：格式化时间的自定义模块）
• app.js 小程序项目的入口文件
• app.json 小程序项目的全局配置文件
• app.wxss 小程序项目的全局样式文件
• project.config.json 项目的配置文件
• sitemap.json 用来配置小程序及其页面是否允许被微信索引/

tabBar组件

1. tabBar 组件必须配置 list，数量最少为两个，最多为五个，list 为数组
2. list 是 配置 pagePath 和 text，pagePath 为页面路径，text为 tab 上按钮文字，iconPath 为默认图片路径，selectedIconPath 为选中图片路径
3. 当 position 为 top 时，不显示 icon，不显示 iconPath 和 selectedIconPath
4. position 默认为 bottom，在底部的
5. color 为 tabBar 的默认颜色，selectedColor 为 tabBar 的选中颜色
6. 代码如下：

后续有待更新…