前言

在開發小程序之前，我們首先需要對其目錄結構進行了解，以便于提升開發效率。

我們使用微信開發者工具構建一個小程序項目，我們可以看到目錄下生成了件。

在上圖的示例中，我們可以看到根目錄下有JS、JSON、WXSS類型文件，這是作為全局配置；而pages/index目錄下的四類文件是對具體的頁面進行詳細設置。

由此可以看出這四類文件在小程序中負責不同的功能，它們在不同的目錄下扮演不同的角色。接下來，我們將詳細說明四類文件的作用。

1JSON配置

在小程序中，JSON是一種數據格式，其并不是編程語言，它用于配置靜態的屬性。我們可以看到在根目錄下有app.json、project.config.json、以及sitemap.json，在pages/index下有index.json。前三種是對整個小程序的全局配置，而后一種是對具體頁面的配置。接下來，我們對其做詳細說明。

①、app.json配置文件

其作為當前小程序的全局配置，包括配置頁面路徑列表、全局默認窗口表現、網絡超時時間、底部tab欄、小程序接口權限相關設置等。

注：在json文件中是不能加注釋的，此處只為了解釋，因此在使用過程中切勿加注釋，其他相關屬性查看官方文檔。

{ /**  * 頁面路徑列表  * 用于指定小程序由那些頁面組成，每一項都對應一個頁面的路徑。  * 數組列表中的第一項代表小程序的首頁。 */  "pages": [  "pages/index/index" ], /**  * 全局默認窗口表現  * 用于設置小程序的狀態欄、導航條、標題、窗口背景顏色 */  "window": {  "navigationBarBackgroundColor": "#fff",//導航欄背景顏色  "navigationBarTitleText": "MiniProgrameDemo",//導航欄標題文字內容  "navigationBarTextStyle": "black"http://導航欄標題顏色，僅支持black/white }, //底部tab欄 "tabBar": {  "list": [//tab的列表，最少2個，最多5個   {    "pagePath": "pages/index/index",//頁面路徑    "text": "首頁"http://tab上按鈕文字   },   {    "pagePath": "pages/index/index",    "text": "第二個首頁"   }  ] }, //配置小程序及其頁面是否允許被微信索引，若沒有該配置，則默認所有頁面都允許被索引 "sitemapLocation": "sitemap.json"}

②、project.config.json工具配置