微信小程序目录结构

 

 .
    ├── app.js     # 小程序的逻辑文件
    ├── app.json   # 小程序的配置文件
    ├── app.wxss   # 全局公共样式文件
    ├── pages      # 存放小程序的各个页面
    │   ├── index  # index页面
    │   │   ├── index.js     # 页面逻辑
    │   │   ├── index.wxml   # 页面结构
    │   │   └── index.wxss   # 页面样式表
    │   └── logs   # logs页面
    │       ├── logs.js      # 页面逻辑
    │       ├── logs.json    # 页面配置
    │       ├── logs.wxml    # 页面结构
    │       └── logs.wxss    # 页面样式表
    ├── project.config.json
    └── utils
        └── util.js

1. pages 用来存放所有小程序的页面

2. utils用来存放工具性质的模块 (例如:格式化时间的自定义模块)

3. app.js小程序项目的入口文件

4. app.json 小程序项目的全局配置文件

5. app.wxss小程序项目的全局样式文件

6. project.config.json项目的配置文件

7. sitemap.json用来配置小程序及其页面是否允许被微信索引

小程序官网建议把所有小程序的页面，都存放在pages目录中，已单独的文件夹存在

一个小程序的页面由4部分组成
.js 文件(页面的脚本文件，存放页面的数据、事件处理函数等)
.json 文件(当前页面的配置文件，配置窗口的外观、表现等)
.wxml 文件(页面的模板结构文件)
.wxss 文件(当前页面的样式表文件)

1.JSON配置文件的作用
JSON 是一种数据格式，在实际开发中，JSON 总是以配置文件的形式出现。小程序项目中也不例外:通过不同的 .json 配置文件，可以对小程序项目进行不同级别的配置
小程序项目中有4种json 配置文件，分别是
 项目根目录中的 app.json 配置文件
@ 项目根目录中的 project.config.json 配置文件
项目根目录中的 sitemap.json 配置文件
每个页面文件夹中的 json 配置文件

根目录下有3个文件: app.js、app,json、app.wxss，小程序必须有这3个描述 APP的文件，并放在根目录下。这3个是应用程序级别的文件，与之平行的还有一个 pages 文件夹，用来存放小程序的各个页面。 我们可以和 web 前端开发技术做个类比:

• wxml类似于 HTML 文件，用来编写页面的标签和骨架，但里面只能用小程序自己封装的组件

• wxss 类似于 CSS 文件，用来编写页面样式，只是把css文件换成了 wxss 文件·

• js 文件类似于前端编程中的 JavaScript 文件，用来编写小程序的页面逻辑;

• json 文件用来配置页面的样式和行为。

以上就是微信小程序的微信小程序的目录结构