認(rèn)識(shí)小程序的基本文件結(jié)構(gòu)

HelloLittleApple為參考，來看一下構(gòu)成一個(gè)小程序的基本文件要素

不同于其他框架，小程序的目錄結(jié)構(gòu)非常簡(jiǎn)單，也非常易于理解。

首先我們看到根目錄下面有3個(gè)文件：app.js、app.json和app.wxss。一個(gè)小程序項(xiàng)目必須有這3個(gè)描述App的文件，它們必須放在應(yīng)用程序的根目錄下，否則小程序會(huì)提示找不到app.json文件

這3個(gè)文件是應(yīng)用程序級(jí)別的文件。接著是和這3個(gè)應(yīng)用程序級(jí)別文件平行的pages文件夾。一個(gè)小程序由若干個(gè)頁面文件構(gòu)成，比如圖3-1中pages文件夾下就有2個(gè)頁面，分別是index頁面和logs頁面。每個(gè)頁面可以由4個(gè)文件構(gòu)成，分別是：.js、.wxml、.wxss和.json文件

其實(shí)，這4個(gè)文件的作用大家并不陌生。我們可以和熟悉的Web前端開發(fā)技術(shù)做一個(gè)對(duì)比。

wxml文件類似于我們熟悉的HTML文件，用來編寫頁面的標(biāo)簽和骨架，不同的是wxml文件里的標(biāo)簽元素不可以使用HTML標(biāo)簽，只能使用小程序自己封裝的一些組件

wxss文件的作用類似于我們熟悉的CSS文件，用于編寫小程序的樣式，實(shí)際上小程序的樣式編寫語言就是CSS，只是把.css文件換成了.wxss文件。

json文件用來配置頁面的樣式與行為。

js文件類似于我們前端編程中的JavaScript文件，用來編寫小程序的頁面邏輯。

以上4種類型的頁面文件的文件名稱必須相同，這是要注意的一個(gè)地方。

我們可以看到，小程序的4種頁面級(jí)別文件同3個(gè)應(yīng)用程序級(jí)別文件相比，多出了一個(gè)wxml頁面標(biāo)簽文件，其他3個(gè)的作用基本相似，只不過頁面文件作用于頁面本身而應(yīng)用程序文件作用于應(yīng)用程序整體。

除了pages文件夾外，官方的示例項(xiàng)目中還有一個(gè)utils文件夾，這個(gè)文件夾用來存放一些公共的js文件，比如utils下面的util.js。我們可以任意定義類似于utils文件夾的目錄，并放在小程序的任意位置，小程序?qū)Υ瞬]有任何限制。