当我们创建小程序，开发者工具会自动帮我创建了一个最基本的目录结构 。
文章插图
【小程序目录结构介绍】小程序目录结构
pages文件夹是用来管理小程序的页面文件、工具类文件夹utils是用来管理类库如：公共的common.js文件、框架全局文件App.js用来管理小程序的启动、渲染等生命周期，定义全局数据以及定义函数文件、app.wxss是所有页面的公共css样式文件、app.json是小程序的公共配置 。
app.jsapp,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名
推荐阅读
![[快科技]小米10青春版邀请函图赏：哆啦A梦迷你抓娃娃机](http://ttbs.guangsuss.com/image/3edcbb553cbab8a02c1d1c782772809f)
- 无代码来了，还要程序员吗？
- 人工智能对商业影响深远 AI可以为中小企业提供五大优势
- 大禹岭茶泡法,普洱茶的泡法
- 茶叶的生产地,普洱茶产地的介绍
- 茶梗有好处吗,吃油茶上火吗
- 茶水洗脸有什么好处,用茶水洗脸洗脚有什么好处
- 茶叶功效盘点介绍,黄芪人参茶
- 茶道修持品饮而悟道,茶道的出现
- 大吉岭红茶鉴赏,大吉岭红茶先容
- 如何收拾淘宝卖家 淘宝小卖家还有出路吗