微信小程序入门（二）：项目结构认识

针对上一节对小程序工具安装和开发工具认识之后，可以看到在开发工具中项目结构出现了两个文件夹（pages，utils）和文件（app.js，app.json，app.wxss，project.config.json),现在针对这几个文件和文件夹进行解释。

2-1.png

首先针对文件来阐述：

• app.js 这是小程序的主逻辑文件，在项目中不能缺少，每个小程序都需要在 app.js 中调用 App 方法注册小程序示例，绑定生命周期回调函数、错误监听和页面不存在监听函数等。
• app.json 这是小程序主要配置文件，在项目中不能缺少，文件用来对微信小程序进行全局配置，决定页面文件的路径、窗口表现、设置网络超时时间、设置多 tab 等。
• app.wxss 这是小程序的主样式表文件，在项目中不可少，这个文件的编写和html的css编写完全相同，在这里设置的样式在该项目其他页面也是共享的。
• project.config.json文件是项目配置清单文件，比如调试基础库的版本。

2-2.png

对于多出来的文件夹的阐述：

• pages文件夹：还文件夹下放置的文件夹都是小程序的功能页面，也就是所谓程序中实实在在展示出来的交互页面。
• utils文件夹： 是针对项目开发中工具类的文件夹，开发者可以将项目中使用到的一些工具类放置到该文件夹下，这是创建项目是自动生成的，也可以自定义，推荐使用系统生成的。

针对pages文件夹下的文件进行阐述：

• .js结尾的文件：是进行页面业务实现逻辑的编写。
• .wxml结尾的文件：是进行页面布局，结构展示的编写。
• .json 结尾的文件：是进行页面配置，比如当前页面的标题栏，页面主题等等。
• .wxss结尾的文件：是进行页面布局样式，比如一个布局的宽，高，外边距，内边距等等。

针对新建工程目录的介绍就到此为止，希望各位看官们可以有所收获！