微信小程序--2（基本组成结构的介绍）

目录

 一、基本组成结构的介绍

（一）**pages

（二）app.wxss

（三）utils

（四）**app.js

（五）**app.json

（六）project.config.json

（七）sitemap.json

（八）每个页面文件夹中也有.json配置文件

---

 一、基本组成结构的介绍

（一）**pages

1、用来存放所有小程序的页面

• index存放首页
• logs存放文件日志

2、每个页面由四个基本文件组成，分别是：

• .js文件（页面的脚本文件，存放页面的数据、事件处理函数等）
• .json文件（当钱页面的配置文件，配置窗口的外观、表现等）
• .wxml文件（页面的模板结构文件）
• .wxss文件（当前页面的样式表文件）

（二）app.wxss

• 用来存放表示小程序项目的全局样式文件

（三）utils

• 用来存放工具性质的模块

（四）**app.js

• 存放小程序项目的入口文件

（五）**app.json

1、存放小程序项目的全局配置文件

2、配置项的作用

• pages:记录当前小程序所有页面的路径
• window：全局定义小程序所有页面的背景色、文件颜色
• style：全局定义小程序组件所使用的样式版本

• sitemapLocation：指明sitemap.json的位置

（六）project.config.json

• 存放项目的配置文件，记录对小程序开发工具所做的个性化配置

{
  "compileType": "miniprogram",
  "libVersion": "trial",
  "packOptions": {
    "ignore": [],
    "include": []
  },
  "setting": {//保存了编译相关的配置
    "coverView": true,
    "es6": true,
    "postcss": true,
    "minified": true,
    "enhance": true,
    "showShadowRootInWxmlPanel": true,
    "packNpmRelationList": [],
    "babelSetting": {
      "ignore": [],
      "disablePlugins": [],
      "outputPath": ""
    },
    "condition": true
  },
  "condition": {},
  "editorSetting": {
    "tabIndent": "auto",
    "tabSize": 2
  },
  "appid": "wxe70eb079ff7fed19",//保存的是小程序的账号ID
  "projectArchitecture": "multiPlatform",
  "simulatorPluginLibVersion": {
    "wxext14566970e7e9f62": "3.0.2-8"
  }
}

（七）sitemap.json

• 用来配置小程序及其页面是否允许被微信索引，通过对action后面的allow进行设置（allow表示被索引，disallow表示不能被微信索引）

（八）每个页面文件夹中也有.json配置文件

1、覆盖了app.json的window中相同的配置项

• 修改主题颜色

设置完成后，直接叉掉就可以了。

• 2.修改页面外观