一、项目结构

  1. pages：用来存放所有小程序页面
  2. utils：用来存放工具性质的模块（例如：格式化时间的自定义模块）
  3. app.js：小程序项目的入口文件
  4. app.json：小程序项目的全局配置文件
  5. app.wxss：小程序项目的全局样式文件
  6. project.config.json：项目的配置文件
  7. sitemap.json：用来配置小程序及其页面是否允许被微信索引

二、小程序的页面组成部分

官方建议把所有小程序页面，都放在pages目录中，以单独文件夹存在，每个页面由4个基本文件组成：

  1. .js文件（页面的脚本文件，存放页面的数据、事件处理函数等）
  2. .json文件（当前页面的配置文件，配置窗口的外观、表现等）
  3. .wxml文件（页面的模板结构文件）
  4. .wxss文件（当前页面的样式表文件）

三、小程序代码的构成 - JSON配置文件

JSON配置文件的作用：通过不同的**.json**配置文件，可以对小程序项目进行不同级别的配置

小程序中有4种JSON配置文件，分别为：

  1. 项目根目录中的 app.json 配置文件：当前小程序的全局配置，包括了小程序的所有页面路径、窗口外观、界面表现、底部tab等,有以下几个主要配置项：
    1. pages: 用来记录当前小程序所有页面的路径
    2. window：全局定义小程序所有页面的背景色、文字颜色等
    3. style：全结定义小程序组件所使用的样式版本（默认v2）
    4. sitemapLocation：用来指明 sitemap.json 的位置
  2. 项目根目录中的 project.config.json 配置文件：项目配置文件，用来记录我们对小程序开发工具所做的个性化配置，例如：
    1. setting 中保存了编译相关的配置
    2. projectname 中保存项目名称（可随意填写，不等于小程序名字）
    3. appID 中保存小程序账号的ID（如果是在自己账号上运行别人的项目，记得把APPID改成自己的，否则容易报错）
  3. 项目根目录中的 sitemap.json 配置文件：配置小程序页面是否允许微信索引。如果允许微信索引，微信会通过爬虫为小程序页面内容建立索引。当用户搜索关键词和页面的索引匹配成功时，小程序的页面将可能展示在搜索结果中。（注：sitemap 的索引提示是默认开启的，如果需要关闭索引提示，可在peoject.config.json 的 setting 中配置字段 checkSiteMap 为 false）
  4. 每个页面文件夹中的 .json 文件：