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

 

 

 

 

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

 

 

 

 

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

 

 

 

 

App.json 里面有幾個配置項：

 

 

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

 

 

 

 

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

 

 

 

 

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

 

 

 

 

Wxss 文件是引入你寫的樣式文件，也可以直接在里面寫樣式。

 

 

 

 

Js 文件需全部配置到 pages 里面才能生效。