258资源分享网

点击开发者工具左侧导航的“编辑”，我们可以看到这个项目，已经初始化并包含了一些简单的代码文件。最关键也是必不可少的，是 app.js、app.json、app.wxss 这三个。其中，.js后缀的是脚本文件，.json后缀的文件是配置文件，.wxss后缀的是样式表文件。微信小程序会读取这些文件，并生成小程序实例

app.json 是对整个小程序的全局配置。我们可以在这个文件中配置小程序是由哪些页面组成，配置小程序的窗口背景色，配置导航条样式，配置默认标题。注意该文件不可添加任何注释。

app.js是小程序的脚本代码。我们可以在这个文件中监听并处理小程序的生命周期函数、声明全局变量。

app.wxss 是整个小程序的公共样式表。我们可以在页面组件的 class 属性上直接使用 app.wxss 中声明的样式规则。

小程序中所有的页面都在Pages中，在新建项目的初始化代码中，有两个页面，一个是index，表示首页，一个是logs，表示日志页，我们可以用过新建来创建页面，但是一定要让这个页面的文件夹在Pages文件夹中，且这个页面的文件也要含有.wxml (表示页面结构的文件) .js(页面的 脚本文件) .wxss(页面的样式表)。

例如，下图新建了一个test页面，架构如图所示

刚才创建了一个text页面，那么如何让我们创建的页面显示在小程序中。（我们先简单在text中写点东西）
当我们新建了一个text文件时，首先需要在app.json文件的pages下配置页面。注意，页面的配置是有顺序的，此案例中我们把text配置在了最前面，那么此时启动小程序先看到的就是text页面