概述

在小程序开发中，页面的结构和样式的编写与传统的Web开发有一点点不同。

在Web开发中，页面的结构由HTML编写，使用了如 div、p、img、a 等标签来构建页面的骨架。而页面的样式（外观）由CSS负责，通过类选择器（.class）、ID选择器（#id）等规则来定义元素的外观和布局。但在开发微信小程序时，并不是使用HTML标签，而是使用小程序提供的标记语言和样式语言来代替HTML和CSS。

全局配置

项目根目录下的 app.json 文件是用来对微信小程序进行全局配置，文件内容为一个 JSON 对象，通过不同的字段来设置小程序的页面路径、窗口表现、路径别名等全局性的配置，下面给出常规的全局配置。

pages

pages 字段是必需字段，它定义了小程序的页面路径列表，该列表指定了小程序由哪些页面组成，同时也决定了页面的加载顺序。每个页面都对应一个路径，这个路径相对于小程序的根目录，并且不需要包含文件扩展名。

目录结构

一个完整的小程序项目通常包含主体文件和页面文件。

主体文件

主体文件位于项目根目录下，也称全局文件，可作用于整个小程序，会影响到小程序的每个页面。

主体文件主要有三个文件：

• app.js : 小程序的入口文件，用于定义小程序的生命周期函数、全局变量等。

• app.json : 全局配置文件，配置小程序的页面路径（路由）、界面表现、网络超时时间等。

• app.wxss : 全局样式文件，定义小程序的全局样式。