一、小程序項(xiàng)目的基本組成
1.pages 用來(lái)存放所有小程序的頁(yè)面
2.utils 用來(lái)存放工具模塊，如時(shí)間格式化工具自定義模塊等
3.app.js/app.ts 小程序項(xiàng)目的入口
4.app.json 小程序項(xiàng)目的全局配置文件
5.app.wxss 小程序項(xiàng)目的全局樣式文件
6.project.config.json 項(xiàng)目的配置文件
7.sitemap.json 用來(lái)配置小程序及其頁(yè)面是否允許被微信索引
二、小程序頁(yè)面的組成部分
官方建議把小程序所有的頁(yè)面都存放在pages目錄下，以單獨(dú)的文件夾存在
1. js/ts 頁(yè)面的腳本文件，存放頁(yè)面的數(shù)據(jù)、事件處理函數(shù)等
2. json 當(dāng)前頁(yè)面的配置文件，可以配置窗口的外觀、表現(xiàn)等
3. wxml 頁(yè)面的模板結(jié)構(gòu)文件
4. wxss文件 當(dāng)前頁(yè)面的樣式表文件
三、json配置文件的作用
json是一種數(shù)據(jù)格式，實(shí)際開(kāi)發(fā)中經(jīng)常以配置文件的形式出現(xiàn)。小程序項(xiàng)目中通過(guò)不同的json配置文件，可以對(duì)小程序項(xiàng)目進(jìn)行不同級(jí)別的配置。
小程序項(xiàng)目中有4種json配置文件，分別是：
1.項(xiàng)目根目錄下的app.json配置文件
2.項(xiàng)目根目錄下的project.config.json配置文件
3.項(xiàng)目根目錄下的sitemap.json配置文件
4.每個(gè)頁(yè)面文件夾中的 .json配置文件
四、app.json文件
app.json是當(dāng)前小程序的全局配置，包括了小程序的所有頁(yè)面路徑、窗口外觀、頁(yè)面表現(xiàn)、底部tab等。新建的小程序默認(rèn)的app.json文件如下：
{
"pages": [
"pages/index/index",
"pages/logs/logs"
],
"window": {
"backgroundTextStyle": "light",
"navigationBarBackgroundColor": "#fff",
"navigationBarTitleText": "Weixin",
"navigationBarTextStyle": "black"
},
"style": "v2",
"sitemapLocation": "sitemap.json"
}
其中包含了4個(gè)配置項(xiàng)
pages 用來(lái)記錄當(dāng)前小程序所有頁(yè)面的路徑
window 全局定義小程序所有的頁(yè)面背景色、字體顏色等
style 全局定義小程序組件所使用的樣式版本
sitemapLocation 用來(lái)指明 sitemap.json 的位置
五、project.config.json文件
project.config.json是項(xiàng)目配置文件，包括我們對(duì)小程序開(kāi)發(fā)工具所做的配置。如：
setting中保存了編譯相關(guān)的配置
projectname中保存項(xiàng)目名稱
appid保存的是小程序的賬號(hào)ID
六、sitemap.json文件
微信開(kāi)放了小程序內(nèi)搜索，sitemap.json文件用來(lái)配置小程序頁(yè)面是否允許微信索引。
當(dāng)開(kāi)發(fā)者允許微信索引時(shí)，微信會(huì)通過(guò)爬蟲(chóng)的形式，為小程序當(dāng)前頁(yè)面建立索引，當(dāng)用戶的搜索關(guān)鍵字和當(dāng)前頁(yè)面的索引匹配成功的時(shí)候，小程序的頁(yè)面將可能顯示在搜索結(jié)果中
七、頁(yè)面中的 .json文件
小程序中的每個(gè)頁(yè)面，可以使用 .json文件來(lái)對(duì)本頁(yè)面的窗口外觀進(jìn)行配置，當(dāng)頁(yè)面的配置和全局的配置沖突時(shí)，頁(yè)面的配置項(xiàng)會(huì)覆蓋app.json的window中配置項(xiàng)。
