專案目錄

1、 第一次進入小程式開發介面如下

2、 我們關注其中的專案欄

專案檔案型別

    從上圖可以瞭解到這個專案裡邊生成了不同型別的檔案:

1)    .json 字尾的 JSON 配置檔案

2)    .wxml 字尾的 WXML 模板檔案

3)    .wxss 字尾的 WXSS 樣式檔案

4)    .js 字尾的 JS 指令碼邏輯檔案

接下來我們分別看看這4種檔案的作用。

1、  JSON配置

1)       小程式配置 app.json

app.json 是當前小程式的全域性配置，包括了小程式的所有頁面路徑、介面表現、網路超時時間、底部 tab 等。QuickStart 專案裡邊的 app.json 配置.

參考文件 小程式的配置 app.json 。

2)       工具配置 project.config.json

通常大家在使用一個工具的時候，都會針對各自喜好做一些個性化配置，例如介面顏色、編譯配置等等，當你換了另外一臺電腦重新安裝工具的時候，你還要重新配置。

參考文件 開發者工具的配置 。

3)       頁面配置 page.json

這裡的 page.json 其實用來表示 pages/logs 目錄下的 logs.json 這類和小程式頁面相關的配置。

參考文件 頁面配置 。

2、  WXML模板

在小程式中也有同樣的角色，其中 WXML 充當的就是類似 HTML 的角色。

開啟 pages/index/index.wxml，你會看到以下的內容:

和 HTML 非常相似，WXML 由標籤、屬性等等構成。

元件參考 小程式的能力

邏輯參考 WXML

3、  WASS樣式

WXSS 具有 CSS 大部分的特性，小程式在 WXSS 也做了一些擴充和修改。

更詳細的文件可以參考 WXSS 。

4、  JS互動邏輯

小程式裡邊通過編寫 JS 指令碼檔案來處理使用者的操作。

參考文件 WXML - 事件 。