上一篇我们简单介绍了一下微信小程序的IDE( 微信小程序购物商城系统开发系列- 工具篇 ),相信大家都已经蠢蠢欲试建立一个自己的小程序,去完成一个独立的商城网站。 先别着急我们一步步来,先尝试下写一个自己的小demo. 这一篇文章我们主要的是介绍一下小程序的一些目录结构,以及一些语法,为我们后面的微信小程序商城系统做铺垫。 首先我们来了解下小程序的目录结构 Pages 我们新建的一些页面将保存在这个文件夹下面,每一个 小程序页面 是由同路径下同名的四个不同后缀文件的组成,如:index.js、index.wxml、index.wxss、index.json。 .js 后缀的文件是脚本文件, .json 后缀的文件是配置文件, .wxss 后缀的是样式表文件, .wxml 后缀的文件是页面结构文件。 Utils 我们写的一些公共的工具js可以放里面。 app.js 是小程序的脚本代码。我们可以在这个文件中监听并处理小程序的生命周期函数、声明全局变量。调用框架提供的丰富的 API,如本例的同步存储及同步读取本地数据。 app.json 是对整个小程序的全局配置。我们可以在这个文件中配置小程序是由哪些页面组成,配置小程序的窗口背景色,配置导航条样式,配置默认标题。 { "pages":[ "pages/index/index", "pages/logs/logs" ], "window"