1掌动、創(chuàng)建小程序?qū)嵗?br>
點(diǎn)擊開發(fā)者工具左側(cè)當(dāng)行的“編輯”，我們可以看到這個項目宁玫，已經(jīng)初始化并包含了一些簡單的代碼文件粗恢。最關(guān)鍵也是必不可少的，是app.js撬统、app.json、app.wxss這三個敦迄。其中恋追，.js后綴的是腳本文件， .json后綴的文件是配置文件罚屋， .wxss后綴的是樣式表文件苦囱。微信小程序會讀取這些文件，并生成小程序?qū)嵗?br>
app.js是小程序的腳本代碼脾猛。我們可以在這個文件中監(jiān)聽并處理小程序的生命周期函數(shù)撕彤、聲明全局變量。調(diào)用框架提供的豐富的API猛拴，如同步存儲及同步讀取本地數(shù)據(jù)羹铅。
app.json 是對整個小程序的全局配置。我們可以在這個文件中配置小程序是由哪些頁面組成愉昆，配置小程序的窗口背景色职员，配置導(dǎo)航條樣式，配置默認(rèn)標(biāo)題跛溉。注意該文件不可添加任何注釋焊切。
app.wxss 是整個小程序的公共樣式表扮授。我們可以在頁面組件的 class 屬性上直接使用 app.wxss 中聲明的樣式規(guī)則。
2专肪、創(chuàng)建頁面
在這個教程里刹勃，我們有兩個頁面，index 頁面和 logs 頁面嚎尤，即歡迎頁和小程序啟動日志的展示頁荔仁，他們都在 pages 目錄下。微信小程序中的每一個頁面的【路徑+頁面名】都需要寫在 app.json 的 pages 中诺苹，且 pages 中的第一個頁面是小程序的首頁咕晋。 每一個小程序頁面是由同路徑下同名的四個不同后綴文件的組成，如：index.js收奔、index.wxml掌呜、index.wxss、index.json坪哄。.js后綴的文件是腳本文件质蕉，.json后綴的文件是配置文件，.wxss后綴的是樣式表文件翩肌，.wxml后綴的文件是頁面結(jié)構(gòu)文件模暗。
index.wxml是頁面的結(jié)構(gòu)文件。
index.js 是頁面的腳本文件念祭，在這個文件中我們可以監(jiān)聽并處理頁面的生命周期函數(shù)兑宇、獲取小程序?qū)嵗暶鞑⑻幚頂?shù)據(jù)粱坤，響應(yīng)頁面交互事件等隶糕。
index.wxss 是頁面的樣式表頁面的樣式表是非必要的。當(dāng)有頁面樣式表時站玄，頁面的樣式表中的樣式規(guī)則會層疊覆蓋 app.wxss 中的樣式規(guī)則枚驻。如果不指定頁面的樣式表，也可以在頁面的結(jié)構(gòu)文件中直接使用 app.wxss 中指定的樣式規(guī)則株旷。
index.json 是頁面的配置文件：頁面的配置文件是非必要的再登。當(dāng)有頁面的配置文件時，配置項在該頁面會覆蓋 app.json 的 window 中相同的配置項晾剖。如果沒有指定的頁面配置文件锉矢，則在該頁面直接使用 app.json 中的默認(rèn)配置。
