微信小程序开发详解（三）---微信小程序工程目录结构

1：打开微信小程序开发工具，进入编辑模式，如下图1所示



图1

1：这个项目主要由pages/firstPage，pages/index，pages/logs，这几个文件夹组成，这几个文件夹主要描述整个小程序的界面信息。

每个文件下基本可以分为：.js，.wxml，.wxss，.json等文件组成。

例如：

index.js：描述index页面的逻辑信息（类比：js代码）

index.wxml：描述index页面的布局信息（类比：HTML页面布局）

index.wxss：描述index页面的布局的样式信息（类比：CSS信息）

2：项目总体配置信息：

由app.js，app.json，app.wxss三个文件组成

app.json：由图1所示，描述整个工程的页面信息（由"pages"描述），"window"主要描述该项目整体背景，导航栏等样式，如果某个文件夹中某个.json文件中有相同的描述，则会覆盖"window"中描述的信息。

app.wxss：主要描述该项目整体的样式，如图2所示



图2

app.js：主要描述该项目入口逻辑，主要描述一些用户登录后的信息，如图3所示



图3