一、目录介绍

1.Pages目录：用于存放所有的页面。

2.utils目录：用于存放工具类文件，自己写的一些开发模块称之为工具类文件

3.app.js是入口文件，程序在运行的时候，首先要执行该文件。

4.app.json是全局配置文件，用于配置小程序的信息（它里面配置的是全局信息）。

5.app.wxss是全局样式文件。

6.project.config.json是项目配置文件

7.sitemsp.json是SEO配置文件。SEO：搜索引擎。方便小程序被用户发现找到的‘。

二.打开方式

微信公众平台注册开发者账号：https://mp.weixin.qq.com/

下载小程序开发工具：

https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html

三.app.json

（1）pages配置项

pages里面注册的是视图。用于指定小程序由哪些页面组成，每一项都对应一个页面的路径（含文件名）信息。

  "pages":[

    "pages/index/index"

  ]

（2）window配置项

window 是全局窗口配置。

backgroundTextStyle 设置文本样式（下拉loading的样式），仅支持 dark / light。

navigationBarBackgroundColor 设置导航栏背景。

navigationBarTitleText 设置导航栏文本。

navigationBarTextStyle 设置导航栏标题颜色，仅支持 black / white。

  "window":{

    "backgroundTextStyle":"light",

    "navigationBarBackgroundColor": "#369",

    "navigationBarTitleText": "KW43-APP",

    "navigationBarTextStyle":"white"

  }

（3）style

style 设置样式级别，默认是v2。

"style": "v2"

（4）sitemapLocation

sitemapLocation 指明sitemap.json 的位置；默认为 'sitemap.json' 即在 app.json 同级目录下名字的 sitemap.json 文件。

  "sitemapLocation": "sitemap.json"

四.页面组成

每一个页面由四个文件组成：xxx.wxml文件、xxx.wxss文件、 xxx.js文件和xxx.json文件

  在wxml文件中，不能写传统的html标签，只能写微信提供的组件

  view组件，就相当于div标签

  text组件，就相当于span标签

 swiper是滑块视图容器，它里面只能放swiper-item组件，

    swiper组件的常用属性：

    1、circular是衔接滑动。

    2、autoplay是自动切换。

    3、interval：自动切换时间间隔。

    4、indicator-dots:是否显示面板指示点。

    4.1、indicator-active-color：当前选中的指示点颜色。

    4.2、indicator-color:显示点颜色

    image是图片组件，注意：最好全部采用网络图片，因为小程序总提交不允许超过2MB