當(dāng)我們新建一個微信小程序項(xiàng)目時,進(jìn)入項(xiàng)目頁面,我們可以看到有以下2個文件夾和5個文件:
pages文件夾,utils文件夾,全局文件app.js文件,全局文件app.json文件,樣式app.wxss文件,項(xiàng)目配置文件project.config.json,頁面收錄配置文件sitemap.json

一、pages文件夾
主要存放小程序的頁面文件,書寫各個頁面代碼以及組件,每個頁面包含四個文件:
js文件:.js是小程序的邏輯文件,也稱事件交互文件和腳本文件,用于處理界面的點(diǎn)擊事件等功能,像設(shè)置初始數(shù)據(jù),定義事件,數(shù)據(jù)的交互,邏輯的運(yùn)算,變量的聲明,數(shù)組,對象,函數(shù),注釋的方式等,其語法與javascript相同
wxml文件:.wxml文件是界面文件,是頁面結(jié)構(gòu)文件,用于構(gòu)建頁面,在頁面上增加控件,相當(dāng)于html。
wxss文件:.wxss是樣式表文件,類似于前端中的css,是為.wxml文件和page文件進(jìn)行美化的文件,讓界面顯示的更加美觀。例如對文字的大小,顏色,圖片的寬高,設(shè)置個.wxml中個組件的位置,間距等。
json文件:json后綴的文件為配置當(dāng)前頁面的默認(rèn)項(xiàng),主要是json數(shù)據(jù)格式存放,用于設(shè)置程序的配置效果
二、utils文件夾
該文件件主要用于存放全局的一些.js文件,公共用到的一些事件處理代碼文件可以放到該文件夾下,用于全局調(diào)用。
1、在utils被調(diào)用的js文件中,面向?qū)ο蟮姆绞侥P洼敵觯?module.exports={要調(diào)用的函數(shù)名稱:要調(diào)用的函數(shù)名稱 };
2、在要調(diào)用的js文件中模塊化引入utils的js文件 var object=require("utils被調(diào)用的js文件地址"); 可以輸出一下object就能看到被調(diào)用的方法了
例如:
```
module.exports = {
? ? ? ? ? formatTime: formatTime
}
```
對于允許外部調(diào)用的方法,用module.exports進(jìn)行聲明,才能在其他js文件中用一下代碼引入
var util = require('../../utils/util.js')
三、app.js文件
app.js文件用來定義全局?jǐn)?shù)據(jù)和函數(shù)的使用,它可以指定微信小程序的生命周期函數(shù)。生命周期函數(shù)可以理解為微信小程序自己定義的函數(shù),如onlaunch(監(jiān)聽小程序初始化),onshow(監(jiān)聽小程序顯示),onhide(監(jiān)聽小程序隱藏)等,在不同階段,不同場景可以使用不同的生命周期函數(shù)。app.js中還可以定義一些全局的函數(shù)和數(shù)據(jù),其他頁面引用app.js文件后就可以直接使用全局函數(shù)和數(shù)據(jù)
四、app.json文件
app.json 是當(dāng)前小程序的全局配置,包括了小程序的所有頁面路徑、界面表現(xiàn)、網(wǎng)絡(luò)超時時間、底部 tab 等;我們可以在這個文件中配置小程序是由哪些頁面組成,配置小程序的窗口及背景色,配置導(dǎo)航條樣式,配置默認(rèn)標(biāo)題。注意該文件不可添加任何注釋
五、app.wxss文件
app.wxss : 全局的界面美化代碼,并不是必須的。其優(yōu)先級同樣沒有框架中的wxss的優(yōu)先級高。例如:在index.wxss中有頭像的外邊距設(shè)置
```
.usermotto {
margin-top: 200px;
}
```
六、project.config.json文件
小程序開發(fā)者工具在每個項(xiàng)目的根目錄都會生成一個 project.config.json,在工具上做的任何配置都會寫入到這個文件,當(dāng)重新安裝工具或者換電腦工作時,只要載入同一個項(xiàng)目的代碼包,開發(fā)者工具就自動會幫你恢復(fù)到當(dāng)時你開發(fā)項(xiàng)目時的個性化配置,其中會包括編輯器的顏色、代碼上傳時自動壓縮等等一系列選項(xiàng)。
七、sitemap.json文件
小程序根目錄下的 sitemap.json 文件用于配置小程序及其頁面是否允許被微信索引,文件內(nèi)容為一個 JSON 對象,如果沒有 sitemap.json ,則默認(rèn)為所有頁面都允許被索引。