找到創建的 demo 文件夾，把項目導入到你的編輯器，這裏使用的是Sublime Text編輯器。

這個(ge) 時候需要根據自己的項目需求結構進行更改了，項目根目錄下麵是首頁渲染的幾個(ge) tabBar 頁麵，以及 app 的一些配置文件，如名片盒項目的 tabBar 是 3 個(ge) 切換菜單

我們(men) 先找到 app.json 文件打開配置好這幾個(ge) 菜單，配置好 tabBar，這個(ge) 直接把配置文件改成你自己設計的即可。

App.json 裏麵有幾個(ge) 配置項：

* Pages：這個(ge) 是編寫(xie) 的js文件，後綴.js這裏不需要使用，配置好正確路徑即可正常調用（若調用不到，在重啟微信開發者工具會(hui) 直接報 page 錯誤）。
* Window：配置頂部的一些樣式，文檔介紹比較詳細。
* tabBar：底部的幾項配置，見名知意。
* networkTimeout：暫時沒發現用處，建議看文檔。根據實際項目需求進行添加與(yu) 更改。
* iconPath和selectedIconPath：底部菜單按鈕圖片與(yu) 得到切換點擊高亮。
* text：可以去掉，全部去掉會(hui) 發現底部 tabar 高度會(hui) 減少很多。 

Json 文件配置好後，根據項目進行文件創建。
Demo：存放的是假數據，這一期的開發工具支持 require，假數據使用的是 .js 文件形式，
裏麵的數據結構 json 一致，把 data 暴露出去即可

然後取數據 require 進來即可，這一點使用很方便；
Images：圖片路徑；
Page：除 tabar 以外的頁麵；
Servise：服務交付層（與(yu) 後台聯調真實數據時使用）；
Wxss：一些公共的 css 文件；
看到這裏大家發現每個(ge) 頁麵都被連帶好三個(ge) 不同的後綴。分別頁麵，css，js 目前隻能依照這樣，是微信應用號的一個(ge) 規範吧。

Wxss 文件是引入你寫(xie) 的樣式文件，也可以直接在裏麵寫(xie) 樣式。

Js 文件需全部配置到 pages 裏麵才能生效。