WeChatMiniProgram-Blog 项目启动与配置教程

1. 项目目录结构及介绍

WeChatMiniProgram-Blog项目的目录结构如下：

WeChatMiniProgram-Blog/
├── miniprogram/              # 小程序源码目录
│   ├── pages/                # 小程序页面目录
│   ├── utils/                # 公共工具类目录
│   ├── app.js                # 小程序逻辑
│   ├── app.json              # 小程序公共设置
│   └── app.wxss              # 小程序公共样式表
├── cloudfunctions/           # 云函数目录
│   └── ...                   # 具体云函数文件
├── cloudfunctions_common/    # 云函数公共模块目录
│   └── ...                   # 具体公共模块文件
├── miniprogram_dist/         # 小程序打包目录
├── project.config.json       # 项目配置文件
└── ...                       # 其他文件或目录

目录说明：

• miniprogram/: 小程序源码目录，包含所有的页面、样式、逻辑等。
• pages/: 小程序的页面文件，每个页面通常包含4个文件（json, wxss, wxml, js）。
• utils/: 存放一些通用的工具函数或类。
• app.js: 小程序的逻辑，可以定义全局变量、生命周期函数等。
• app.json: 小程序的公共设置，如窗口表现、页面组成等。
• app.wxss: 小程序的公共样式表，定义全局样式。
• cloudfunctions/: 云函数目录，存放小程序的后端逻辑。
• cloudfunctions_common/: 云函数公共模块目录，存放被多个云函数共享的代码。
• miniprogram_dist/: 小程序打包后的目录，通常用于上传至微信小程序后台。
• project.config.json: 项目配置文件，包含项目的基本信息和编译设置。

2. 项目的启动文件介绍

启动文件主要包括以下三个：

• app.js: 小程序逻辑文件，包含小程序的入口函数 App()，在这个函数中可以定义全局数据、生命周期函数（如 onLaunch、onShow 等）。
• app.json: 小程序的全局配置文件，定义了小程序的一些全局设置，如页面组成、窗口表现、网络超时时间等。
• app.wxss: 小程序的公共样式表，可以在这里定义全局样式，如全局字体大小、颜色等。

在启动小程序时，微信平台会首先加载 app.json 和 app.wxss，然后加载 app.js，之后根据 app.json 中的页面组成加载相应的页面。

3. 项目的配置文件介绍

项目的配置文件是 project.config.json，该文件包含了小程序项目的配置信息，主要包括以下内容：

• miniprogramRoot: 指定小程序源码目录。
• projectname: 项目名称，会在开发者工具的项目列表中显示。
• description: 项目描述。
• appid: 小程序的 AppID，用于小程序的本地开发和预览。
• setting: 包含编译相关的配置，如是否开启ES6转ES5、是否开启上传代码时压缩代码等。
• compileType: 编译模式，如是否为纯小程序开发。

这些配置项会影响小程序的开发体验和项目构建过程，因此开发者需要根据实际情况合理配置。