當我們創(chuàng)建小程序，開發(fā)者工具會自動幫我創(chuàng)建了一個最基本的目錄結(jié)構(gòu)。

小程序目錄結(jié)構(gòu)

pages文件夾是用來管理小程序的頁面文件、工具類文件夾utils是用來管理類庫如：公共的common.js文件、框架全局文件App.js用來管理小程序的啟動、渲染等生命周期，定義全局數(shù)據(jù)以及定義函數(shù)文件、app.wxss是所有頁面的公共css樣式文件、app.json是小程序的公共配置。

app.js

app,js文件用來定義全局數(shù)據(jù)和函數(shù)是的使用，它可以指定小程序的生命周期函數(shù)。生命周期函數(shù)可以理解為微信小程序自己定義的函數(shù)，如onlaunch(監(jiān)聽小程序初始化)，onshow(監(jiān)聽小程序顯示),onhide(監(jiān)聽小程序隱藏)等，在不同階段，不同場景可以使用不同的生命周期函數(shù)。app.js中還可以定義一些全局的函數(shù)和數(shù)據(jù)，其他頁面getApp()就可以直接獲取

app.json公共配置文件

app.json文件可以對5個功能進行設(shè)置，配置頁面路徑，配置窗口表現(xiàn)，配置標簽導(dǎo)航，配置網(wǎng)絡(luò)超時，配置debug模式。

創(chuàng)建一個頁面直接在pages數(shù)組中填寫"pages/test/test"，開發(fā)者工具將自動在pages文件夾中創(chuàng)建test頁面

配置標簽導(dǎo)航。標簽導(dǎo)航是很多移動app都會采用的一種導(dǎo)航方式，微信小程序同樣可以實現(xiàn)這樣的效果。配置導(dǎo)航條需要在app.json里配置tabBar屬性，tarBar是一個對象，可以配置標簽導(dǎo)航文字的默認顏色，選中顏色，標簽導(dǎo)航背景顏色以及邊框顏色。標簽導(dǎo)航存放在list數(shù)組里面，list里面每個對象對應(yīng)一個標簽導(dǎo)航。

窗口用于配置小程序的狀態(tài)欄，導(dǎo)航條，標題，窗口背景色。

app.wxss公共css樣式

在app.wxss文件中寫樣式class，在其他頁面中可以直接使用樣式class名