簡(jiǎn)易開發(fā)

 app.js、app.json、app.wxss
.js后綴的是腳本文件，
.json后綴的文件是配置文件，
.wxss后綴的是樣式表文件。
微信小程序會(huì)讀取這些文件，并生成[小程序?qū)嵗齗(https://mp.weixin.qq.com/debug/wxadoc/dev/framework/app-service/app.html)。

app.js說明

app.js是小程序的腳本代碼。我們可以在這個(gè)文件中監(jiān)聽并處理小程序的生命周期函數(shù)、聲明全局變量。
調(diào)用框架提供的豐富的 API，如本例的同步存儲(chǔ)及同步讀取本地?cái)?shù)據(jù)。想了解更多可用 API，
可參考 [API 文檔](https://mp.weixin.qq.com/debug/wxadoc/dev/api/)

app.json說明

app.json 是對(duì)整個(gè)小程序的全局配置。
我們可以在這個(gè)文件中配置小程序是由哪些頁(yè)面組成，配置小程序的窗口背景色，配置導(dǎo)航條樣式，配置默認(rèn)標(biāo)題。
注意該文件不可添加任何注釋。更多可配置項(xiàng)可參考[配置詳解](https://mp.weixin.qq.com/debug/wxadoc/dev/framework/config.html)

app.wxss

app.wxss 是整個(gè)小程序的公共樣式表。我們可以在頁(yè)面組件的 class 屬性上直接使用 app.wxss 中聲明的樣式規(guī)則。

創(chuàng)建頁(yè)面

微信小程序中的每一個(gè)頁(yè)面的【路徑+頁(yè)面名】都需要寫在 app.json 的 pages 中，且 pages 中的第一個(gè)頁(yè)面是小程序的首頁(yè)。

圖例1-1

單獨(dú)的頁(yè)面說明

每一個(gè)[小程序頁(yè)面](https://mp.weixin.qq.com/debug/wxadoc/dev/framework/app-service/page.html)
是由同路徑下同名的四個(gè)不同后綴文件的組成，如：index.js、index.wxml、index.wxss、index.json。
.js后綴的文件是腳本文件，
.json后綴的文件是配置文件，
.wxss后綴的是樣式表文件，
.wxml后綴的文件是頁(yè)面結(jié)構(gòu)文件。

圖例1-2

index.js說明

index.js 
是頁(yè)面的腳本文件，在這個(gè)文件中我們可以監(jiān)聽并處理頁(yè)面的生命周期函數(shù)、獲取小程序?qū)嵗?，聲明并處理?shù)據(jù)，響應(yīng)頁(yè)面交互事件等。

index.wxss 說明

index.wxss 是頁(yè)面的樣式表：
注意：注意?。。。?！
頁(yè)面的樣式表是非必要的。當(dāng)有頁(yè)面樣式表時(shí)，頁(yè)面的樣式表中的樣式規(guī)則會(huì)層疊覆蓋 app.wxss 中的樣式規(guī)則。
如果不指定頁(yè)面的樣式表，也可以在頁(yè)面的結(jié)構(gòu)文件中直接使用 app.wxss 中指定的樣式規(guī)則。

index.json

index.json 是頁(yè)面的配置文件：
注意：注意?。。。。?頁(yè)面的配置文件是非必要的。當(dāng)有頁(yè)面的配置文件時(shí)，配置項(xiàng)在該頁(yè)面會(huì)覆蓋 app.json 的 window 中相同的配置項(xiàng)。如果沒有指定的頁(yè)面配置文件，則在該頁(yè)面直接使用 app.json 中的默認(rèn)配置。

怎么手機(jī)瀏覽

圖例1-3