1、pages目录：这个目录下放的其实就是一个个的微信端的页面了，截图中的index文件夹、logs文件夹其实都是单独的页面；
再以index文件夹举例说——下属4个不同后缀文件：
（1）js：就是页面内的js文件，**页面**中的变量、监听事件全都在这里；
（2）json：**页面**的配置文件，其实就类似后端的配置文件，就看成
properties或者xml就好了；
（3）wxml：**页面**的结构文件，查看可以发现就是各种标签组成的结构块；
（4）wxss：**页面**的样式文件，看着里面都是选择器。
2、utils目录：这里面存的都是一些**公用**的js，就当作web后端项目的工具类就好啦，提供公共方法减少冗余和维护难度的；
3、app.js文件:**整个微信小程序**相关的全局js，这里有监听整个小程序的生命周期函数和全局变量；
4、app.json文件：是对**整个小程序**的静态全局配置，我们可以在这个文件中配置小程序是由哪些页面组成（路由），配置小程序的窗口背景色、配置导航条样式，配置默认标题，可以配置整个项目的样式，超时时间，加载的插件等等；(注意该文件不可添加任何注释)；
5、app.wxss文件：**整个小程序**的样式文件，我个人认为这个文件就是设置整个项目的css文件。针对每个页面的css文件的内容不同，加载到对应页面的css样式时，当前页面的wxss文件会覆盖app.wxss文件（估计跟普通的css样式的覆盖规则类似）。
6、project.config.json文件: 这个其实是每个开发者工具生成的项目都有的，但和项目内容实际没有特别大关联，主要是记录相关工具的配置的，在工具上做的任何配置都会写入到这个文件，当重新安装工具或者换电脑工作时，只要载入同一个项目的代码包，开发者工具就自动会帮你恢复到当时你开发项目时的个性化配置，其中会包括编辑器的颜色、代码上传时自动压缩等等一系列选项。
7、sitemap.json文件: 这个可以配置是否允许被微信索引，具体看[微信官方文档-sitemap 配置](https://links.jianshu.com/go?to=https%3A%2F%2Fdevelopers.weixin.qq.com%2Fminiprogram%2Fdev%2Freference%2Fconfiguration%2Fsitemap.html)
8、类似我自己添加的images这样的文档：可以作为分类存放的目录用，一般的后端项目也都是这样做的，没什么特别难理解的。
页面加载时，json中的数据初始化，js可以监听处理各类响应，wxml可以加载页面主体结构，wxss美化页面样式。
以上四类文件，分为全局配置文件，和单个page配置文件。
全局的位于根目录下；位于page目录下，是每个页面的配置文件；页面配置文件之间互不影响。```
