1. 了解項(xiàng)目的基本組成結(jié)構(gòu)
 
pages用來存放所有小程序的頁面
utils 用來存放工具性質(zhì)的模塊（例如：格式化時(shí)間的自定義模塊）
app.js 小程序項(xiàng)目的入口文件
app.json小程序項(xiàng)目的全局配置文件
app.wxss小程序項(xiàng)目的全局樣式文件
project.config.json項(xiàng)目的配置文件
sitemap.json用來配置小程序及其頁面是否允許被微信索引
 
小程序代碼的構(gòu)成—JSON配置文件
 
1. JSON 配置文件的作用
JSON 是一種數(shù)據(jù)格式，在實(shí)際開發(fā)中，JSON 總是以配置文件的形式出現(xiàn)。小程序項(xiàng)目也不例外：通過不同的.json配置文件，可以對(duì)小程序項(xiàng)目進(jìn)行不同級(jí)別的配置。

2. app.json 文件
app.json 是當(dāng)前小程序的全局配置，包括了小程序的所有頁面路徑，窗口外觀，界面表現(xiàn)，底部tab等。


 
3. project.config.json 文件
project.config.json 是項(xiàng)目配置文件，用來記錄我們對(duì)小程序開發(fā)所做的個(gè)性化配置，例如：



4. sitemap.json 文件
 
微信現(xiàn)已開放小程序內(nèi)搜索，效果類似于PC網(wǎng)頁的SEO。sitemap.json 文件用來配置小程序頁面是否允許微信索引。
 

 
**注意：**sitemap 的索引提示是默認(rèn)開啟的，如需要關(guān)閉 sitemap 的索引提示，可在小程序項(xiàng)目配置文件 project.config.json 的 setting 中配置字段 checkSiteMap 為 false
 
5. 頁面的 .json 配置文件
 
小程序中的每一個(gè)頁面，可以使用 .json 文件來對(duì)本頁面的窗口外觀進(jìn)行配置，頁面中的配置項(xiàng)會(huì)覆蓋 app.json 的 window 中相同的配置項(xiàng)。
 
6. 新建小程序頁面
 
只需要在 app.json -> pages 中新增頁面的存放路徑，小程序開發(fā)者工具即可幫我們自動(dòng)創(chuàng)建對(duì)應(yīng)的頁面文件。
 
7. 修改項(xiàng)目首頁
 
只需要調(diào)整 app.json -> pages 數(shù)組中頁面路徑的前后順序，即可修改項(xiàng)目的首頁。小程序會(huì)把排在第一位的頁面。小程序會(huì)把排在第一位的頁面，當(dāng)作項(xiàng)目首頁進(jìn)行渲染。