我们新建一个微信小程序项目，进入项目页面，可以看到如下2个文件夹，5个文件：

文件夹，文件夹，全局文件app.js文件，全局文件app.json文件，样式app.wxss文件，项目配置文件.json，页面集合配置文件.json

目录结构

1. 文件夹

主要存放小程序的页面文件，编写各个页面的代码和组件，每个页面包含四个文件：

js文件：.js是小程序的逻辑文件，又称事件交互文件、脚本文件，用于处理界面的点击事件，如设置初始数据、定义事件、数据交互、逻辑操作、变量声明、数组、对象、函数、注释等。其语法与

wxml文件：.wxml文件是界面文件，也是页面结构文件，用来构建页面，在页面中添加控件，相当于html。

wxss文件：.wxss是样式表文件，类似前端的css，用于美化.wxml文件和页面文件，使界面更加美观。例如.wxml中文字的大小和颜色，图片的宽高，各个组件的位置和间距等。

json文件：json后缀的文件，是当前页面的默认配置项，主要存储json数据格式，用于设置程序的配置效果。

2. 文件夹

该文件主要用来存放一些全局的.js文件，一些公开使用的事件处理代码文件可以放在该文件夹下，供全局调用。

1、在调用的js文件中，面向对象模型输出：.={调用函数名:调用函数名}；

2.在需要调用的js文件中将引入的js文件模块化，var = ("被调用的js文件地址");输出一下就可以看到调用的方法了。

例如：

```

。 = {

：

```

对于允许外部调用的方法，使用 . 来声明，这样就可以在其他 js 文件中使用以下代码引入

var util = ('../..//util.js')

3. app.js 文件

app.js文件用于定义全局数据和函数的使用，可以指定微信小程序的生命周期函数。生命周期函数可以理解为微信小程序自己定义的函数，比如（监听小程序初始化）、（监听小程序展示）、（监听小程序隐藏）等。不同的阶段和场景可以使用不同的生命周期函数。一些全局函数和数据也可以定义在app.js中，其他页面引用app.js文件后就可以直接使用全局函数和数据。

4. app.json 文件

app.json 是当前小程序的全局配置，包括小程序的所有页面路径、界面表现、网络超时、底部标签等；在这个文件中，我们可以配置小程序由哪些页面组成、配置小程序的窗口和背景颜色、配置导航栏样式、配置默认标题。注意，这个文件不能添加注释

5. app.wxss 文件

app.wxss：全局界面美化代码，非必须，优先级也没有框架中的wxss高，例如：.wxss中有头像边距设置

```

。 {

-顶部： ;

```

6. .json 文件

小程序开发者工具会在每个项目的根目录生成一个..json 文件，在工具上做的任何配置都会写入这个文件。当你重新安装工具或者换电脑工作时，只要加载同一个项目的代码包，开发者工具就会自动帮你恢复到开发项目时的个性化配置，包括编辑器的颜色、上传代码时的自动压缩等一系列选项。

7. .json 文件

小程序根目录下的.json文件用于配置小程序及其页面是否允许被微信索引，文件内容为JSON对象，若没有.json则默认允许所有页面被微信索引。