[TOC]
>[success] # 了解小程序項目的基本組成結構
**項目文件結構** :
~~~
01-PROJECT // 項目名稱
|__ pages // 該文件夾下存放所有頁面文件,每個頁面都是以單獨文件夾的形式存在
| |__ index文件夾 // 頁面文件夾
| |__ index.js // 頁面的【js】代碼,用來寫事件、邏輯、以及生命周期等等
| |__ index.json // 當前頁面的配置文件,可以在這個文件中配置當前頁面的外觀
| |__ index.wxml // 頁面的 【html】 代碼
| |__ index.wxss // 頁面的 【css】 代碼
|
|__ utils // 工具類文件夾(可以在其中創建工具文件)
| |__ utils.js // 工具類js文件
|
|__ .eslintrc.js // 配置ESlint規則文件
|__ app.js // 整個項目中的【邏輯文件】,可以進行【注冊小程序的實例】,【綁定生命周期函數】錯誤監聽和頁面不存在監聽函數等
|__ app.json // 小程序公共配置文件,決定頁面文件的路徑、窗口表現、設置網絡超時時間、設置多少 tab 等
|__ app.wxss // 小程序公共樣式表
|__ project.config.json // 是項目配置文件,用來記錄我們對小程序開發工具所作的個性化設置
|__ project.private.config.json // 看下面的菜單中有解釋
|__ sitemap.json // 配置小程序及其頁面是否允許被微信索引
~~~
1. **微信小程序** 的 **頁面由 .js、.json、.wxml、.wxss 組成**
2. **project.config.json** :是 **項目配置文件**,用來記錄我們對 **小程序開發工具所作的個性化設置**
* `setting` 中保存了 `編譯相關的配置`
* `projectname` 中保存的是 `項目名稱`
* `appid` 中保存的是 `小程序賬號 ID`
3. **sitemap.json** :**配置小程序** 及其 **頁面是否允許被微信索引**
>[success] ## project.private.config.json
[微信開放文檔對項目配置文件的解釋](https://developers.weixin.qq.com/miniprogram/dev/devtools/projectconfig.html)
1. 項目根目錄中的`project.config.json`和`project.private.config.json`文件可以對項目進行配置,
2. `project.private.config.json`中的相同設置優先級高于`project.config.json`
3. 可以在`project.config.json`文件中配置公共的配置,在`project.private.config.json`配置個人的配置,可以將`project.private.config.json`寫到`.gitignore`避免版本管理的沖突。
4. `project.private.config.json`中有的字段,開發者工具內的設置修改會優先覆蓋`project.private.config.json`的內容。如在`project.private.config.json`有`appid`字段,那么在 詳情-基本信息 中修改了 appid,會寫到`project.private.config.json`中,不會覆蓋掉`project.config.json`的`appid`字段的內容
5. 開發階段相關的設置修改優先同步到`project.private.config.json`中,與最終編譯產物有關的設置無法在`project.private.config.json`中生效