官方文档地址: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为页面结构文件