官方文档地址：https://mp.weixin.qq.com/debug/wxadoc/dev/?t=201715

需要下载微信官方的开发者工具，地址：https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html?t=201715

一、基本构成

1、目录结构

2、组成部分

由app.js、app.json、app.wxss三部分组成

①app.js

小程序的主要脚本代码。在此文件中监听并处理小程序的生命周期函数、声明全局变量。调用API。（地址：API文档）

②app.json

整个小程序的全局配置。在此文件配置小程序的页面构成，窗口背景色，导航条样式，默认标题等。注：要生成所有页面都要里面配置。（具体参考：小程序配置）

{

     "pages":[

        "pages/index/index",

        "pages/logs/logs"

    ],"window":{

        "backgroundTextStyle":"light",

        "navigationBarBackgroundColor":"#fff",

        "navigationBarTitleText":"WeChat",

        "navigationBarTextStyle":"black"

    }

}

③app.wxss

小程序的公共样式表，即全局样式表，同网页css样式表的作用一样。

二、创建页面

1、每个小程序页面由同路径下同名的四个不同后缀文件组成

后缀.js为脚本文件、.json为配置文件、.wxss为样式文件、.wxml为页面结构文件