上一篇我們簡(jiǎn)單介紹了一下微信小程序的IDE(微信小程序購(gòu)物商城系統(tǒng)開發(fā)系列-工具篇)，相信大家都已經(jīng)蠢蠢欲試建立一個(gè)自己的小程序，去完成一個(gè)獨(dú)立的商城網(wǎng)站。

先別著急我們一步步來，先嘗試下寫一個(gè)自己的小demo.

這一篇文章我們主要的是介紹一下小程序的一些目錄結(jié)構(gòu)，以及一些語(yǔ)法，為我們后面的微信小程序商城系統(tǒng)做鋪墊。

首先我們來了解下小程序的目錄結(jié)構(gòu)

 

Pages 我們新建的一些頁(yè)面將保存在這個(gè)文件夾下面，每一個(gè)小程序頁(yè)面是由同路徑下同名的四個(gè)不同后綴文件的組成，如：index.js、index.wxml、index.wxss、index.json。.js后綴的文件是腳本文件，.json后綴的文件是配置文件，.wxss后綴的是樣式表文件，.wxml后綴的文件是頁(yè)面結(jié)構(gòu)文件。

Utils 我們寫的一些公共的工具js可以放里面。

app.js 是小程序的腳本代碼。我們可以在這個(gè)文件中監(jiān)聽并處理小程序的生命周期函數(shù)、聲明全局變量。調(diào)用框架提供的豐富的 API，如本例的同步存儲(chǔ)及同步讀取本地?cái)?shù)據(jù)。

app.json 是對(duì)整個(gè)小程序的全局配置。我們可以在這個(gè)文件中配置小程序是由哪些頁(yè)面組成，配置小程序的窗口背景色，配置導(dǎo)航條樣式，配置默認(rèn)標(biāo)題。