前言

这一篇继续工具介绍篇，在上一篇文章中，我们通过微信开发者工具快速创建了一个小程序工程。那工程到底包含哪些内容，我们如何对其进行修改呢，看完这一篇将会了解到。

启动项目

首先我们点击启动微信小程序开发者工具，然后选中我们之前创建在桌面的工程，之后选择打开，稍微等待一会儿，工程就启动好了。

如上图，我们发现，右边有一块区域，这是啥意思啊，什么pages，index，logs，utils完全看不懂啊，我们找到pages选择鼠标右键，然后点击在资源管理器中显示，这时候发现他们就是当时我们创建项目，所选的项目路径下的资源内容啊。那这些到底是什么意思呢。

目录结构

小程序包含整体程序app和各个页面的pages，回到资源管理上。我们可以看出文件结构如下图所示。

文件介绍

必要文件

一个整体程序必须包含如下文件

文件	必需	作用
app.js	是	小程序逻辑
app.json	是	小程序公共配置
app.wxss	否	小程序公共样式表

上面文件即是小程序中必须存在且在根目录的几个文件。

页面文件

一个页面包含如下文件

文件类型	必需	作用
js	是	页面逻辑
wxml	是	页面结构
json	否	页面配置
wxss	否	页面样式表

例如我们刚才看到的目录，pages目录下包含了2个文件夹，一个是logs，一个是index，这里就表示我们创建的小程序，目前有2个页面（当然具体多少页面，还是看app.json文件配置为准）。

我们浏览一下我们工程内的2个页面：

首先看看index页面，在小程序工具左下角红色框内有显示当前页面路径，白色试图区域则是我们所见到的页面了。

接下来，我们通过单击上图的蓝色框 —> 添加编译模式，修改模式名称（可以随意去，但最好能自己能分辨不同页面的名称）与启动页面为logs文件路径，浏览一下logs页面：

下图即为logs页面，我们发现logs页面中书写的逻辑，原来记录的是我们每一次启动小程序的时间。

image.png

练习

接下来，我们试着修改一下首页显示，我们把”Hello World“更改为“我修改的第一个页面”。

首先，我们找到pages文件下，index页面下的index.wxml文件，我们打开文件，看到红色区域的位置，如下图：

我们将上图红框内容更改为—> “我修改的第一个页面”。然后点击编译 ，等待页面刷新后如下图：

升级LV3

现在我们已经知道，我们创建好的小程序有哪些内容，他的结构是怎么样的，页面部分以及主要部分。

到这里恭喜你，已经成功升级到LV3。

建议

在下一篇文章出来之前，如果你对微信小程序感兴趣，又或者你正准备运营一个你的小程序，可以看一看他的运营规范。了解运营规范，会给你在小程序的开发或者是运营中有着很大的帮助。