目录

1.微信小程序快速入门 1.1什么是小程序？

2017年百度百科十大热词之一

微信小程序（wei xin xiao xu），简称小程序，是一种无需下载安装即可使用的应用程序（张小龙将其定义为无需安装，用了就走，其实是需要安装的，但是小程序体积很小，下载速度很快，用户感觉不到下载的过程）

限制：同一个子包内的页面共享一个预下载大小限制，均为2M，工具在打包时会检查该限制。

2017年1月9日零点，万众瞩目的首批微信小程序正式低调上线。

1.2 小程序能做什么？

与App相辅相成，提供与App类似的功能，且操作比App更简单。

扫描或微信搜索下载

对于用户不经常使用但不得不用的功能软件，小程序是目前的首选

打通线上线下

开发门槛低、成本低

1.3 相关资料

官方网站：

使用手机扫描二维码登录

如果你没有，请先注册一个：

开发小程序的第一步是拥有一个小程序账号，通过小程序账号可以管理你的小程序。

按照本教程开始你的小程序之旅吧！

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

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

小程序相当于小程序平台的身份证，以后很多地方都会需要它（注意要和服务号或者订阅号区分开来）。

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

2.安装开发工具

进入开发者工具下载页面，根据您的操作系统下载对应的安装包进行安装。关于开发者工具更详细的介绍，请参见“开发者工具介绍”。

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

3. 你的第一个小程序

在新建项目中选择小程序项目，选择代码存放的硬盘路径，填写刚刚申请的小程序名称，给你的项目起一个好听的名字，勾选“不使用云服务”（注意：创建项目必须选择一个空目录），点击新建，你就得到了你的第一个小程序。点击顶部菜单的编译，就可以在微信开发者工具中预览你的第一个小程序了。

点击工具上的编译按钮，你可以在工具左侧的模拟器界面看到这个小程序的表现。你还可以点击预览按钮，通过微信扫一扫在手机上体验你的第一个小程序。

4.目录结构

小程序由一个描述整体程序的APP以及多个描述各个页面的页面组成。

小程序主体部分由三个文件组成，必须放在项目的根目录下，如下：

一个小程序页面由四个文件组成，分别是：

5. 构建我们自己的小程序

我们可以用手机微信扫一扫来测试我们的程序

点击用户头像查看日志

我们必须检查这一点，因为小程序默认只接受请求

5.1 页面配置page.json

这里的page.json其实是用来表示小程序页面相关的配置的，比如/logs目录下的logs.json。

如果你整个小程序的风格都是蓝色的，那么你可以在 app.json 中声明顶部颜色为蓝色。实际情况可能不是这样的，可能你的小程序中每个页面为了区分不同的功能模块，都有不同的色调。所以我们提供了 page.json，让开发者可以独立定义每个页面的一些属性，比如刚才提到的顶部颜色，是否允许下拉刷新等。

本页引用：

以下页面相当于new vue

测试

添加下面一行ctrl+s保存，然后就会出现一个用户