一学就会微信小程序（二）——认识微信小程序示例

目录

文件分级

app.json文件内容

pages

window

tabBar

sitemapLocation

sitemap 配置

---

下载普通小程序开发者工具后，第一个示范示例的文件结构及展开图如下图：

          

引自：https://www.jb51.net/article/162632.htm

project.config.json: 小程序的配置文件，包含项目打包配置、上传代码自动压缩等等，是一些开发、打包之类的配置。

app.json: 当前项目的配置文件。包括项目的页面引入、导航条颜色、导航条标题 等等，是项目具体到代码开发上的配置。介绍几个配置：

pages： 包含的页面。每次新增页面都得在这里引入，否则新页面的json配置等无法生效。 注意pages中页面先写的先渲染，所以数组第一条也就是我们的首页。

window： 配置所有页面导航条字体、颜色、背景色等

app.js: 小程序入口文件。生成小程序实例，App({}), 通常在这获取用户信息、授权信息、定义全局变量等。

app.wxss: 小程序全局 style 文件。对整个项目页面生效。通常规定项目的 字体、基础颜色，定义一些公共样式。

utils: 工具函数目录。通常用来放一些公共的js方法。比如封装的request请求，一些别的处理数据什么的方法。

pages: 小程序的页面目录。所有的小程序页面，都写在这里面。

文件分级

注意到，第一级文件为pages文件夹、utils文件夹、app.js、app.json、app.wxss、project.config.json、sitemap.json

第二级文件为pages文件夹下的index和logs文件夹；utils文件夹下的util.js。

index文件夹和logs文件夹下面各有四个子文件。后面我的习惯是[文件夹名称].[文件格式]。

app.json文件内容

app.json是对微信小程序的全局配置。就相当于网页里面的index.html文件，但又不尽相同。有以下属性：

属性	类型	必填	描述	最低版本
pages	string[]	是	页面路径列表
window	Object	否	全局的默认窗口表现
tabBar	Object	否	底部 tab 栏的表现
networkTimeout	Object	否	网络超时时间
debug	boolean	否	是否开启 debug 模式，默认关闭
functionalPages	boolean	否	是否启用插件功能页，默认关闭	2.1.0
subpackages	Object[]