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


微信小程序創建之后會生成一個項目模板,如下圖所示(基本如此,但並不局限於此)

 

現在分別來說明一下每個文件及目錄的意思

app.js

 

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

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

app.json

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

 

app.json

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

 

Pages(開發者自行創建)目錄是你的頁面目錄,但不是一定需要叫Pages

Utils (開發者自行創建)在本例中是工具類庫目錄,不是一定需要存在

在開發過程中最好遵循以上目錄結構,特別Pages,沒個頁面獨立一個文件夾,因為每個頁面有自己獨立的樣式或者Js。未來方便管理。 但是,如果有公共樣式的存在,請寫在app.wxss

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM