1.引入
9号小程序发布不久，就有这么个段子：APP如原配，一年用不到几次；服务号如情人，一个月固定用几次；订阅号如酒店小卡片，天天可以卖广告；小程序如炮友，用完就走。张小龙在12月末微信公开课上表示，“小程序好比微信时代的网站”，如果把微信比作浏览器，那么小程序则是其中的网页。小程序的体验就好比我们访问一个网站，只不过用扫二维码代替了输入网址。
2.准备开发环境
- 注册小程序，下载微信开发工具以及小程序开发API。
- 目前不支持个人小程序发布
- 创建项目helloworld
3.小程序目录结构介绍
- pages
- utils
- app.js
- app.json
- app.wxss
先看下官网解释：
也就是说根目录下这3个文件是必须的；
1.app.js
全局函数App() 函数用来注册一个小程序，指定小程序的生命周期函数等，这个文件很重要，他是小程序的入口，首先App函数是一个全局函数，他在项目初始化的时候，已经定义好了，不需要我们重新创建。接受一个object参数，看一下官网给的参数说明：
onLaunch()方法：从日志我们可以明白，他是当应用程序启动的时候执行的事件，类似于android中的oncreat()方法。
getUserInfo()方法：这个方法呢，其实是自定义的，不是必须的，但是他的作用是什么呢？它的目的呢，就是微信想体现的，我们试想一下，一个应用程序他有多个页面对象，但是对于一个应用程序来说他只有一个应用程序实例对象，如果我们想在应用程序实例对象创建一些方法，包括去创建一些属性，那么这个实例的方法和属性就会被其他页面对象去使用和共享。说白了这就是一个公共方法的示范。
2.app.json
先看看一下文件内容 如图：
如截图所示：这个app.json是对整个小程序的全局配置。我们可以在这个文件中配置小程序是由哪些页面组成，配置小程序的窗口背景色，配置导航条样式，配置默认标题。注意该文件不可添加任何注释。有点类似于android的AndroidManifest.xml的清单文件一样。
3.app.wxss
这个以.wxss结尾的文件，我想了解一点前段的同学都明白，这就是CSS样式。app.wxss是整个小程序的公共样式表。我们可以在页面组件的class属性上直接使用app.wxss中声明的样式规则。其中这里面的flex是css3里面的属性，用它来设置布局是非常方便的，我记得react native里面的布局样式就是采用这种弹性盒子模型来的。
4.pages文件夹
其实从页面的预览效果来看，pages文件夹下每一个子文件夹就是一个page,子文件夹下面包含了以子文件夹命名的不同文件，如图所示：
这里我们以index文件夹为例，这里index文件夹相当于index页面。
- index.wxml 即描述我们页面的结构，WXML（WeiXin Markup Language）是框架设计的一套标签语言，结合基础组件和事件系统可以构建出页面的结构。
- index.js是页面的脚本文件，在这个文件中我们可以监听并处理页面的生命周期函数、获取小程序实例，声明并处理数据，响应页面交互事件等。
- index.wxss是页面的样式表，当有页面样式表时，页面的样式表中的样式规则会层叠覆盖 app.wxss 中的样式规则。如果不指定页面的样式表，也可以在页面的结构文件中直接使用 app.wxss 中指定的样式规则。
- index.json是页面的配置文件。页面的配置文件是可有可无的。当有页面的配置文件时，配置项在该页面会覆盖 app.json 里的相同的配置项。如果没有指定的页面配置文件，则在该页面直接使用 app.json 中的默认配置。
好了，小程序目录结构部分就先写到这里，还得具体上手操作一遍，才能更深入了解，大家一定要结合官方给的文档，这样内容理解才会更准确。