> For the complete documentation index, see [llms.txt](https://docs.chamilo.org/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.chamilo.org/3.x/zh-tw/kai-fa-zhe-zhi-nan/developer-guide/frontend.md).

# 前端

Chamilo 3.0 前端是一個 Vue 3 單頁應用程式（SPA），透過 REST API 與後端通訊。

* [**Vue 元件**](/3.x/zh-tw/kai-fa-zhe-zhi-nan/developer-guide/frontend/vue-components.md) — `assets/vue/components/` 中的可重用元件
* [**檢視與路由**](/3.x/zh-tw/kai-fa-zhe-zhi-nan/developer-guide/frontend/views-and-routing.md) — `assets/vue/views/` 中的頁面檢視以及 Vue Router 設定
* [**狀態管理**](/3.x/zh-tw/kai-fa-zhe-zhi-nan/developer-guide/frontend/state-management.md) — 用於應用程式狀態的 Pinia stores
* [**建置系統**](/3.x/zh-tw/kai-fa-zhe-zhi-nan/developer-guide/frontend/build-system.md) — Webpack Encore、Tailwind 以及建置管線
