微信小程序開發之入門篇（熟悉項目結構）

微信小程序建立以後會生成一個項目模板，以下圖所示（基本如此，但並不侷限於此）

 

如今分別來講明一下每一個文件及目錄的意思

app.js

 

程序的入口文件，必須存在。

app.js是小程序的腳本代碼。咱們能夠在這個文件中監聽並處理小程序的生命週期函數、聲明全局變量。調用框架提供的豐富的 API，如本例的同步存儲及同步讀取本地數據。

app.json

app.json 是對整個小程序的全局配置。咱們能夠在這個文件中配置小程序是由哪些頁面組成，配置小程序的窗口背景色，配置導航條樣式，配置默認標題。注意該文件不可添加任何註釋

 

app.json

app.wxss 是整個小程序的公共樣式表。咱們能夠在頁面組件的 class 屬性上直接使用 app.wxss 中聲明的樣式規則。

 

Pages（開發者自行建立）目錄是你的頁面目錄，但不是必定須要叫Pages

Utils （開發者自行建立）在本例中是工具類庫目錄，不是必定須要存在

在開發過程當中最好遵循以上目錄結構，特別Pages，沒個頁面獨立一個文件夾，由於每一個頁面有本身獨立的樣式或者Js。將來方便管理。 可是，若是有公共樣式的存在，請寫在app.wxss