微信小程式學習(2):小程式目錄結構介紹
阿新 • • 發佈：2019-01-01
1.微信小程式目錄結構
微信小程式預設的目錄結構，下面一一介紹：
1.1 小程式的檔案格式介紹
在專案中我們可以看到四種檔案型別：
.js字尾的檔案是指令碼檔案，頁面的互動等程式碼在這裡實現；
.json字尾的檔案是配置檔案，主要是json資料格式存放，用於設定程式的配置效果；
.wxss字尾的是樣式表文件，類似於前端中的css,用於對介面進行美化；
.wxml字尾的檔案是頁面結構檔案，用於構建頁面，在頁面上增加控制元件。
1.1 pages目錄介紹
1pages:主要存放小程式的頁面檔案，其中每個資料夾為一個頁面，每個頁面包含四個檔案，.wxml檔案是介面檔案，.js是事件互動檔案，用於處理介面的點選事件等功能；.wxss為介面美化檔案，讓介面顯示的更加美觀；.json為配置檔案，用於修改導航欄顯示樣式等，小程式每個頁面必須有.wxml和.js檔案，其他兩種型別的檔案可以不需要。
注意：檔名稱必須與頁面的資料夾名稱相同，如index資料夾，檔案只能是index.wxml、index.wxss、index.js和index.json.
1.2 utils
該檔案件主要用於存放全域性的一些.js檔案，公共用到的一些事件處理程式碼檔案可以放到該資料夾下，用於全域性呼叫。
module.exports = {
formatTime: formatTime
}對於允許外部呼叫的方法，用module.exports進行宣告，才能在其他js檔案中用一下程式碼引入
var util = require('../../utils/util.js')然後就可以呼叫該方法。
1.3 app.js、app.json、app.wxss
app.js : 系統的方法處理檔案，主要處理程式的宣告週期的一些方法；例如：程式剛開始執行時事件處理等
app.json : 系統全域性配置檔案，設定導航頭的顏色，字型大小，下面有沒有tabbar等功能，具體頁面的配置在頁面的json檔案中單獨修改；
app.wxss : 全域性的介面美化程式碼