目录结构

总览

app/
├── components/                 // 自定义组件目录（可选）
│   └── my-component/           // 自定义组件示例
│       ├── my-component.js     // 组件逻辑文件
│       ├── my-component.json   // 组件配置文件
│       ├── my-component.wxml   // 组件结构文件
│       └── my-component.wxss   // 组件样式文件
├── pages/                      // 存放小程序页面的目录
│   └── index/                  // 首页目录
│       ├── index.js            // 首页的逻辑文件
│       ├── index.json          // 首页的配置文件
│       ├── index.wxml          // 首页的结构文件
│       └── index.wxss          // 首页的样式文件
├── app.js                      // 小程序的入口逻辑文件
├── app.json                    // 小程序的全局配置文件
├── app.wxss                    // 小程序的全局样式文件
├── project.config.json         // 项目配置文件（用于开发者工具的配置）
├── project.private.config.json // 项目私有配置文件
└── sitemap.json                // 小程序搜索索引配置文件（可选）

主体文件

• 主题文件由三个部分组成：

  1. app.js：小程序入口文件；
  2. app.json：全局配置文件；
  3. app.wxss：全局样式文件；

• 主体文件的名字必须是 app！

• app.js、app.json 文件是必须的！

页面文件

• 页面文件都存放在 pages 目录下；

• 每个页面通常由四个文件组成，每个文件只对当前页面有效：

  1. .js：逻辑文件；
  2. .wxml：结构文件；
  3. .wxss：样式文件；
  4. .json：配置文件；

• .js、.wxml 文件是必须的！