当我们创建小程序，开发者工具会自动帮我创建了一个最基本的目录结构。

小程序目录结构

pages文件夹是用来管理小程序的页面文件、工具类文件夹utils是用来管理类库如：公共的common.js文件、框架全局文件App.js用来管理小程序的启动、渲染等生命周期，定义全局数据以及定义函数文件、app.wxss是所有页面的公共css样式文件、app.json是小程序的公共配置。

app.js

app,js文件用来定义全局数据和函数是的使用，它可以指定小程序的生命周期函数。生命周期函数可以理解为微信小程序自己定义的函数，如onlaunch(监听小程序初始化)，onshow(监听小程序显示),onhide(监听小程序隐藏)等，在不同阶段，不同场景可以使用不同的生命周期函数。app.js中还可以定义一些全局的函数和数据，其他页面getApp()就可以直接获取

app.json公共配置文件

app.json文件可以对5个功能进行设置，配置页面路径，配置窗口表现，配置标签导航，配置网络超时，配置debug模式。

创建一个页面直接在pages数组中填写"pages/test/test"，开发者工具将自动在pages文件夹中创建test页面

配置标签导航。标签导航是很多移动app都会采用的一种导航方式，微信小程序同样可以实现这样的效果。配置导航条需要在app.json里配置tabBar属性，tarBar是一个对象，可以配置标签导航文字的默认颜色，选中颜色，标签导航背景颜色以及边框颜色。标签导航存放在list数组里面，list里面每个对象对应一个标签导航。

窗口用于配置小程序的状态栏，导航条，标题，窗口背景色。

app.wxss公共css样式

在app.wxss文件中写样式class，在其他页面中可以直接使用样式class名