微信小程序項目目錄結構介紹及搭建最先出現在微信小程序觀察網。
]]>
微信小程序目錄結構
一個小程序的主體部分由3個文件組成：app.js、app.json和app.wxss，必須放在項目的根目錄。其中app.js和app.json文件是必需的，作用分別是小程序邏輯和小程序公共配置，而app.wxss的作用是小程序公共樣式表。
app.js小程序邏輯：用來定義全局數據和函數的使用，它可以指定微信小程序的生命周期函數。app.js中還可以定義一些全局的函數和數據，其他頁面引用app.js文件后就可以直接使用全局函數和數據。
app.json小程序公共配置：可以對5個功能進行設置，配置頁面路徑，配置窗口表現，配置標簽導航，配置網絡超時，配置debug模式。
app.wxss小程序公共樣式表：對css樣式進行了拓展，和css的使用方式一樣，只要頁面有全局樣式的class，就都可以渲染全局樣式的效果。
另外一個小程序頁面由四個文件組成：js、wxml、json和wxss，用于指定小程序由哪些頁面組成，每一項都對應一個頁面的路徑+文件名信息。文件名不需要寫文件后綴，框架會自動去尋找對于位置的 .json, .js, .wxml, .wxss 四個文件進行處理。
注意：為了方便開發者減少配置項，描述頁面的四個文件必須具有相同的路徑和文件名。
在小程序開發前了解了其目錄結構后，創建項目時就非常方便了，參考微信小程序開發工具代碼編輯教程。
微信小程序項目目錄結構介紹及搭建最先出現在微信小程序觀察網。
]]>Josn配置文件有三種，分別為：app.json配置文件、Project.config.json配置文件和Page.json配置文件。
app.json配置文件是小程序根目標下的一種文件，主要用于對微信小程序進行一個全局配置。app.Json配置文件決定頁面文件的路徑、窗口、還可以設置網絡超時時間和多tab等。
app.Json配置示例
{
“pages”: [“pages/index/index”, “pages/logs/index”],
“window”: {
“navigationBarTitleText”: “Demo”
},
“tabBar”: {
“list”: [
{
“pagePath”: “pages/index/index”,
“text”: “首頁”
},
{
“pagePath”: “pages/logs/logs”,
“text”: “日志”
}
]
},
“networkTimeout”: {
“request”: 10000,
“downloadFile”: 10000
},
“debug”: true,
“navigateToMiniProgramAppIdList”: [“wxe5f52902cf4de896”]
}
Pages字段：是用來描述當前小程序的所有頁面路徑的，是為了讓微信客戶端知道你的小程序頁面定義放在哪個目錄里。
Windows字段：表示的是小程序所有頁面的頂部背景顏色。文字和顏色定義都在這里。
1
2
3
4
5
6
7
8
9
10
11
12{
“pages”:[
“pages/index/index”,
“pages/logs/logs”
],
“window”:{
“backgroundTextStyle”:”light”,
“navigationBarBackgroundColor”: “#fff”,
“navigationBarTitleText”: “WeChat”,
“navigationBarTextStyle”:”black”
}
}
Project.config.json配置主要是針對各人喜歡做的一些個性化配置，比如界面顏色等。小程序開發者工具在每個項目里的根目錄下都會生成一個Project.config.json配置，你在工具上使用過的配置都會寫入到這個文件里面。
Page.json配置是指定義全局，表示pages/logs目標下的logs.json這類和小程序頁面相關的配置。只能定義某一個頁面。
以上就和大家詳細了一下微信小程序開發json配置文件是什么，希望對大家有所幫助！更多的微信小程序開發知識，可以看看微信小程序開發文檔匯總。
]]>