本文實例講述了微信小程序學習筆記之目錄結構、基本配置。分享給大家供大家參考，具體如下：

結束了一段時間的學習，開始一段新的學習旅程 —— 微信小程序?，F在出去找工作只會PHP、HTML+CSS、JS什么的不夠了，總得會點時下熱門的東西，例如微信小程序，有很多企業的招聘要求上寫著：“做過微信小程序的優先”、“只要做過微信小程序的”...... 可見微信小程序的熱門程度。話(fei)不(hua)多(ting)說(duo)，開始學習。

首先在微信公眾平臺注冊小程序賬號：

使用小程序賬號登錄微信公眾平臺，完成基本設置：

下載微信web開發者工具，安裝，打開（如果打不開，參考附錄：微信web開發者工具不能打開的問題） 

微信掃碼登錄開發者工具，然后在本地文件夾創建一個小程序項目

（其中AppID在開發設置里面）

生成小程序示例目錄如下：

全局配置app.json參數：

{ /**所有頁面的路徑（省略.wxml后綴）,唯一必填項**/ "pages":[ "pages/index/index", /**第一項為首頁路徑**/ "pages/logs/logs" ], /**設置窗口**/ "window":{ "backgroundTextStyle":"light", /**下拉loading樣式，dark或light**/ "navigationBarBackgroundColor": "#fff", /**導航欄背景顏色 十六進制**/ "navigationBarTitleText": "WeChat", /**導航欄標題內容**/ "navigationBarTextStyle":"black", /**導航欄標題顏色 black或white**/ "navigationStyle":"default", /**導航欄樣式 default和custom(只保留右上角膠囊按鈕,最低版本6.6.0)**/ "backgroundColor":"#ffffff", /**窗口背景色**/ "enablePullDownRefresh":false, /**是否全局開啟下拉刷新**/ "onReachBottomDistance":"50", /**頁面上拉觸底事件觸發時距頁面底部距離，單位px**/ "backgroundColorTop":"#ffffff", /**頂部窗口的背景色(僅iOS支持,最低版本6.5.16)**/ "backgroundColorBottom":"#ffffff", /**底部窗口的背景色(僅iOS支持,最低版本6.5.16)**/ }, /**頂部或底部分欄設置**/ "tabBar": { "list": [{ /**欄目列表(最少2個 最多5個)**/  "pagePath": "pages/index/index", /**頁面路徑(必須在pages中先定義)**/  "text": "首頁", /**分欄按鈕文字**/  /**非必填項**/  "iconPath": "首頁", /**icon圖標路徑**/  "selectedIconPath": "首頁" /**選中時icon圖標路徑**/  /*icon說明：大小限制40kb，建議尺寸81px*81px，不支持網絡圖片。postion為top時不顯示*/ }, {  "pagePath": "pages/logs/logs",  "text": "日志" }], "color":"#ffffff", /**分欄文字顏色**/ "selectedColor":"#ffffff", /**分欄文字選中顏色**/ "backgroundColor":"#ffffff", /**分欄背景色**/ /**非必填項**/ "borderStyle":"black", /**分欄上邊框顏色 black或white**/ "position":"bottom", /**分欄位置 bottom或top**/ },}