認識小程序的基本文件結(jié)構(gòu)

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

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

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

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

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

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

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

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

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

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

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

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