# 基礎知識 ## 項目代碼構成 一個小程序頁面由四個文件組成 | 文件類型 | 必須 | 作用 | | ---------------------------------------- | ---- | ----- | | [js](https://mp.weixin.qq.com/debug/wxadoc/dev/framework/app-service/page.html) | 是 | 頁面邏輯 | | [wxml](https://mp.weixin.qq.com/debug/wxadoc/dev/framework/view/wxml/) | 是 | 頁面結構 | | [wxss](https://mp.weixin.qq.com/debug/wxadoc/dev/framework/view/wxss.html) | 否 | 頁面樣式表 | | [json](https://mp.weixin.qq.com/debug/wxadoc/dev/framework/config.html#pagejson) | 否 | 頁面配置 | ## 項目結構 一個小程序初始項目的目錄結構如下: :-:  所有頁面文件放置于 pages 下，一個頁面就是一個文件夾，包含 `wxml`、`wxss`、`js`、`json`。 ## 文件結構 小程序包含一個描述整體程序的 app 和多個描述各自頁面的 page。 一個小程序主體部分由三個文件組成，必須放在項目的根目錄。 | 文件 | 必須 | 作用 | | ---------------------------------------- | ---- | -------- | | [app.js](https://mp.weixin.qq.com/debug/wxadoc/dev/framework/app-service/app.html) | 是 | 小程序邏輯 | | [app.json](https://mp.weixin.qq.com/debug/wxadoc/dev/framework/config.html) | 是 | 小程序公共設置 | | [app.wxss](https://mp.weixin.qq.com/debug/wxadoc/dev/framework/view/wxss.html) | 否 | 小程序公共樣式表 |