微信小程序开发入门教程（二）_visualeffectinbackground-优快云博客

背景

上一篇文章我们已经入门了小程序开发，申请了小程序号，也准备了开发环境，今天我们来分析一下小程序的项目结构。

项目结构

小程序的项目结构如下图所示，小程序的项目主要包含四种文件：

.json 后缀的 JSON 配置文件
.wxml 后缀的 WXML 模板文件
.wxss 后缀的 WXSS 样式文件
.js 后缀的 JS 脚本逻辑文件

配置文件

小程序项目中包含很多的配置文件从不同的层次进行一些属性进行配置。

app.json

app.json 是当前小程序的全局配置，包括了小程序的所有页面路径、界面表现、网络超时时间、底部 tab 等，下表展示了app.json全部的27个配置项之前建立的测试项目的app.json如下，对于初学者可以不用过于关注每一个配置项，否则可能迷失于配置的海洋里，与此同时也可以看到其中必须的配置项只有两个，很多配置都是针对特定的场景，所以现在只需要对于app.json又一个感性的认识即可，里面包含了对于小程序的全局配置。

属性	类型	必填	描述
entryPagePath	string	否	小程序默认启动首页
pages	string[]	是	页面路径列表
window	Object	否	全局的默认窗口表现
tabBar	Object	否	底部 `tab` 栏的表现
networkTimeout	Object	否	网络超时时间
debug	boolean	否	是否开启 debug 模式，默认关闭
functionalPages	boolean	否	是否启用插件功能页，默认关闭
subpackages	Object[]	否	分包结构配置
workers	string	否	`Worker` 代码放置的目录
requiredBackgroundModes	string[]	否	需要在后台使用的能力，如音乐播放
plugins	Object	否	使用到的插件
preloadRule	Object	否	分包预下载规则
resizable	boolean	否	PC 小程序是否支持用户任意改变窗口大小（包括最大化窗口）；iPad 小程序是否支持屏幕旋转。默认关闭
usingComponents