每个平台项目都有相应的项目结构与配置,一起来看一下微信小程序的项目结构。
文件结构
小程序包含一个描述整体程序的 app 和多个描述各自页面的 page。
一个小程序主体部分由三个文件组成,必须放在项目的根目录,如下:
一个小程序页面由四个文件组成,分别是:
项目结构如下:
项目配置
一个项目的大体结构就如上所示,下面来看看具体配置:
使用app.json文件来对微信小程序进行全局配置,决定页面文件的路径、窗口表现、设置网络超时时间、设置多 tab 等。
{
"pages": [
"pages/index/index",
"pages/logs/logs"
],
"window": {
"backgroundTextStyle": "light",
"navigationBarBackgroundColor": "#000fff",
"navigationBarTitleText": "微信小程序",
"navigationBarTextStyle": "white",