技術標籤：小程式開發基礎小程式

1，在微信小程式開發官網下載微信小程式開發工具；

2，安裝軟體，建立小程式專案；

3，目錄介紹：

pages： 就是微信公眾號的頁面；目前有兩個頁面分別為index和logs；
utils： 就是放一些公共的檔案，比如是js，css檔案等（可以刪除utils，無影響）；
app.js： 入口檔案，用於建立應用程式物件；
app.json： 配置檔案；
app.wxss： 全域性樣式 （區域性可以覆蓋全域性）；
project.config.json： 專案配置檔案，做一些個性化的配置，例如介面顏色，編譯配置等等；
sitemap.json： 一個地圖，為了給小程式索引的；

app.json的配置項

注意：
1，json格式不能使用註釋，這裡的註釋為解釋說明的目的；
2，在pages裡面的json檔案只能去修改app.json的window檔案，其他不能修改

{
  "pages": [  // 設定網頁路徑
    "pages/index/index", // 把誰放第一個誰，誰就預設被首先載入
    "pages/logs/logs"
  ],
  "window": {  // 設定預設頁面的視窗表現
    "navigationBarBackgroundColor": "#ffffff"
 
,  // 頂部背景顏色
  	"navigationBarTextStyle": "black",   // 頂部字型顏色
  	"navigationBarTitleText": "微信介面功能演示",  // 頂部字型
  	"backgroundColor": "#eeeeee",  // 設定視窗的背景顏色，並非頁面的背景色，換句話說就是下拉重新整理的時候底下的背景色
  	"backgroundTextStyle": "light",  // 只能取 "light/dark" 下拉重新整理的時候，有三個小點，這三個小點的前景色是什麼顏色
 

  	"enablePullDownRefresh": true,  // 啟用下拉重新整理  	
    "onReachBottomDistance": 50    // 頁面上拉後距離底下的距離 50px
  },
  "debug": true,    // 開始應用除錯模式，在console裡面進行實時檢視 
  "tabBar": {  // 底部 tab 表現
  	"color": "#444", // 字型顏色
  	"selectedColor": "#219bf3",  // 點選高亮
  	"backgroundColor": "#e0e0e0",  // 背景顏色
  	"borderStyle": "white",   // 白色邊框
  	"position": "bottom",     // 導航欄在底部
    "list": [{
      "pagePath": "pages/index/index",
      "text": "首頁",
      "iconPath": "XXXXXX", // 目錄和pages 同一目錄下
      "selectedIconPath": "XXXXXXX"  // 圖片點選高亮
    }, {
      "pagePath": "pages/logs/index",
      "text": "日誌"，
      "iconPath": "XXXXXX", 
      "selectedIconPath": "XXXXXXX"
    }]
  },
  "networkTimeout": {  // 設定網路超時
    "request": 10000,
    "downloadFile": 10000
  },
  "navigateToMiniProgramAppIdList": [
    "wxe5f52902cf4de896"
  ]
}