三個(gè)主體文件

小程序的主體部分由3個(gè)文件組成，這3個(gè)文件必須放在項(xiàng)目的主目錄中，文件名也是固定的，負(fù)責(zé)小程序的整體配置。

1、app.js邏輯文件

整個(gè)小程序的入口文件，通過調(diào)用APP()函數(shù)來啟動整個(gè)程序。主要用來注冊小程序全局實(shí)例，編譯時(shí)會和其他頁面的邏輯文件打包成一個(gè)JavaScript文件。項(xiàng)目中不可缺少。

2、app.json全局配置文件

當(dāng)前小程序的全局配置，包括小程序的所有路徑、窗口外觀、界面表現(xiàn)、底部tab等。該文件在項(xiàng)目中不可缺少。
pages：用來記錄當(dāng)前小程序所有頁面的路徑；
window：全局定義小程序所有頁面的導(dǎo)航欄（小程序頂上的效果）、背景色（默認(rèn)看不見，下拉才顯示）、文字顏色等；
style：全局定義小程序組件使用的樣式版本；
tabBar：設(shè)置小程序底部的tabBar效果；
sitemapLocation：用來指明sitemap.json的位置。

3、app.wxss主樣式表文件

類似于HTML中的css文件，主樣式表文件中設(shè)置的樣式，在其他頁面文件中同樣有效。該文件不是必需的。

四個(gè)頁面文件

小程序通常由多個(gè)頁面來組成，每個(gè)頁面包含4個(gè)文件，同一個(gè)頁面的這4個(gè)文件必須具有相同的路徑和文件名。

1、.js頁面邏輯文件（JavaScript）

是頁面的入口文件，通過調(diào)用Page()函數(shù)來創(chuàng)建并運(yùn)行頁面，頁面的腳本文件，存放頁面的數(shù)據(jù)、事件處理函數(shù)等，在該文件中編寫JavaScript代碼以控制頁面邏輯。其在頁面中不可缺少。

2、.json頁面配置文件（JavaScript Object Notation）

小程序中的每一個(gè)頁面，可以使用.json文件來對本頁面的窗口外觀進(jìn)行配置，頁面中的配置項(xiàng)會覆蓋app.json的window中相同的配置項(xiàng)。在頁面中不可缺少。

3、.wxml頁面結(jié)構(gòu)文件（WeiXin Markup Language）

是小程序框架設(shè)計(jì)的一套標(biāo)簽語言，用來構(gòu)造小程序頁面的結(jié)構(gòu)，設(shè)置頁面的布局、數(shù)據(jù)綁定等，相當(dāng)于HTML頁面中擴(kuò)展名為html文件，.wxml文件不能使用任何HTML標(biāo)簽，只能使用小程序?qū)Ｓ玫臉?biāo)簽。其在頁面中不可缺少。

4、.wxss頁面樣式表文件（WeiXin Style Sheets）

用來定義頁面中用到的各類樣式表。若.wxml文件內(nèi)聯(lián)樣式及app.wxss文件內(nèi)的樣式表定義同一頁面的樣式時(shí)，內(nèi)聯(lián)樣式優(yōu)先于.wxss文件樣式，.wxss文件樣式優(yōu)先于app.wxss文件樣式。該文件不是必需的。

配置文件

app.json

在項(xiàng)目根目錄中，當(dāng)前小程序的全局配置，包括小程序的所有路徑、窗口外觀、界面表現(xiàn)、底部tab等。

project.config.json

在項(xiàng)目根目錄中，項(xiàng)目配置文件，用來記錄我們對小程序開發(fā)工具所做的個(gè)性化配置。
setting：保存了編譯相關(guān)的配置；
projectname：保存的是項(xiàng)目名：
appid：保存的是小程序的ID賬號。

project.private.config.json

項(xiàng)目私有配置文件，此文件的內(nèi)容將覆蓋project.config.json中的相同字段。項(xiàng)目的改動優(yōu)先同步到此文件中。

sitemap.json

在項(xiàng)目根目錄中，用來配置小程序及頁面是否允許微信索引。當(dāng)開發(fā)者允許微信索引時(shí)，微信會通過爬蟲的形式，為小程序的頁面內(nèi)容建立索引。當(dāng)用戶的搜索關(guān)鍵字和頁面的索引匹配成功的時(shí)候，小程序的頁面將可能展示在搜索結(jié)果中。
action值為disallow時(shí)：表示不被索引；
action值為allow時(shí)：表示被索引。

注意：
sitemap的索引提示是默認(rèn)開啟的。
如需要關(guān)閉sitemap的索引提示，可在小程序項(xiàng)目配置文件project.config.json的setting中配置字段checkSiteMap為false。

package.json

對項(xiàng)目或者模板包的描述，里面包含許多元信息。比如項(xiàng)目名稱、項(xiàng)目版本、項(xiàng)目執(zhí)行入口文件、項(xiàng)目貢獻(xiàn)者等。

tsconfig.json

是ts編譯器的配置文件，ts編譯器可以根據(jù)它的信息來對代碼進(jìn)行編譯。
include用來指定哪些ts文件需要被編譯，一個(gè)表示任意文件，兩個(gè)表示任意目錄。exclude用來指定不需要被編譯的文件目錄。

其他結(jié)構(gòu)

pages目錄

里面放的是頁面。

utils目錄

可以放公共的wxss和js等，這樣就不用在每個(gè)頁面做重復(fù)的工作。文章來源地址http://www.zghlxwxcb.cn/news/detail-482563.html

到了這里，關(guān)于看不懂微信小程序中的文件都是什么？的文章就介紹完了。如果您還想了解更多內(nèi)容，請?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！