1、app至少需要两个文件：
app.js：注册一个app
app.json：app的配置
2、一个页面至少有4个文件：
page.js：注册一个页面
page.json：配置
page.wxml：描述
page.wxss：布局

4个文件：

json

json文件就是一个配置文件，分为三种配置文件
1.app.json：整个app的全局配置，包括页面路径、全局UI配置、网络配置等
2.project.config.json：工具配置
3.page.json：和app.json一样，不同的是，page.json针对的是单个页面的配置

wxml

描述页面的结构，类似于html

wxss

描述页面的样式，类似于css。告诉页面的排版，是居中还是置顶，大小是多少等等

js

处理交互，其中包括生命周期的处理。比如app.js中就有onLaunch、onShow等函数的调用，page.js中就有onLoad、data等函数的调用，还包括自定义的一些交互方法。
app.js：通过app函数，传入一个对象，注册一个小程序，通过各种函数来控制小程序的生命周期、交互等
page.js：同app.js，针对的是单个页面

7个基本文件：

---

app.json
app.js

---

page.json
page.js
page.wxss
page.wxml

---

project.config.json

---

四中基本的文件类型

.json

json分为三种类型，一种是全局配置json，一种是页面配置jason，最后一种是工具配置json。全局配置的json一般在目录最顶层，作用于所有页面。页面配置json一般和要修饰的页面处于同一文件层级，用于修饰特定的页面，某一个属性在全局json和页面json都设置的情况下，页面jason优先级大于全局配置json。

json和javascript不同，不支持undefined类型，其支持的类型如下：
1、数字，包含浮点数和整数
2、字符串，需要包裹在双引号中
3、Bool值，true 或者 false
4、数组，需要包裹在方括号中 []
5、对象，需要包裹在大括号中 {}
6、Null

project.config.json用于配置工具，其中会包括编辑器的颜色、代码上传时自动压缩等等一系列选项。

.wxml

类似html，用于描述页面的布局。只用于修饰单个页面。

.wxss

类似于css，用于描述页面的样式。按照修饰的范围分为全局样式和页面样式。app.wxss作用于所有页面，page.wxss作用于单个特定页面。

.js

js脚本，按照修饰的范围分为全局脚本和页面脚本。js文件不仅仅可以使用javascript代码来完成页面中的交互，还可以调用微信提供的强大的api，例如使用wx.getUserInfo
来获取用户头像。

小程序结构如图：

为了演示效果，页面相关的文件没有使用文件夹。

css如何使用？？

app的加载过程

1、下载代码包；
2、运行app.js中的App()方法，注册小程序app实例，并且这个实例是全局共享，一直存在的；
3、通过app.json中的page字段获取首页并加载；
4、根据app.json中的其他配置加载全局配置，比如tab等；
5、加载完成后回调app.js中的app方法中的onlaunch方法
6、通过app实例循环监听、回调等等直到小程序结束