Caution
舊版本的
Soybean Admin
已經移動到分支 legacy。建議使用最新版本的
Soybean Admin
。 新版本的文件正在編寫中，請耐心等待。
Note
如果您覺得
Soybean Admin
對您有所幫助，或者您喜歡我們的計畫，請在 GitHub 上給我們一個 ⭐️。您的支持是我們持續改進和增加新功能的動力！感謝您的支持！
簡介
Soybean Admin
是一個清新優雅、高顏值且功能強大的後台管理樣版，基於最新的前端技術棧，包括 Vue3, Vite5, TypeScript, Pinia 和 UnoCSS。它內建了豐富的主題配置和元件，程式碼規範嚴謹，實作了自動化的檔路由系統。此外，它還采用了基於 ApiFox 的線上Mock數據方案。
Soybean Admin
為您提供了一站式的後台管理解決方案，無需額外配置，開箱即用。同樣是一個快速學習前沿技術的最佳實踐。
特性
前沿技術套用 ：采用 Vue3, Vite5, TypeScript, Pinia 和 UnoCSS 等最新流行的技術棧。
清晰的計畫架構 ：采用 pnpm monorepo 架構，結構清晰，優雅易懂。
嚴格的程式碼規範 ：遵循 SoybeanJS 規範，整合了eslint, prettier 和 simple-git-hooks，保證程式碼的規範性。
TypeScript ： 支持嚴格的型別檢查，提高程式碼的可維護性。
豐富的主題配置 ：內建多樣的主題配置，與 UnoCSS 完美結合。
內建國際化方案 ：輕松實作多語言支持。
自動化檔路由系統 ：自動生成路由匯入、聲明和型別。更多細節請檢視 Elegant Router。
靈活的許可權路由 ：同時支持前端靜態路由和後端動態路由。
豐富的頁面元件 ：內建多樣頁面和元件，包括403、404、500頁面，以及布局元件、標簽元件、主題配置元件等。
命令列工具 ：內建高效的命令列工具，git送出、刪除檔、釋出等。
移動端適配 ：完美支持移動端，實作自適應布局。
預覽
NaiveUI
AntDesign Vue
舊版本
文件
Legacy Docs
新版本的文件正在編寫中，請耐心等待。
倉庫
| 倉庫 | Github | Gitee | 預覽 |
|---|---|---|---|
| NaiveUI | github | gitee | preview |
| AntDesign Vue | github | gitee | preview |
| 舊版本 | github | gitee | preview |
| 舊版本文件 | github | gitee | preview |
範例圖片
使用
環境準備
確保你的環境滿足以下要求：
git : 你需要git來複制和管理計畫版本。
NodeJS : >=18.0.0，推薦 18.19.0 或更高。
你可以使用 fnm 來管理你的NodeJS版本，安裝教程。
pnpm : >= 8.0.0，推薦 8.14.0 或更高。
複制計畫
git clone https://github.com/soybeanjs/soybean-admin.git
安裝依賴
pnpm i
由於本計畫采用了 pnpm monorepo 的管理方式，因此請不要使用 npm 或 yarn 來安裝依賴。
啟動計畫
pnpm dev
構建計畫
pnpm build
計畫地址：
https://github.com/honghuangdc/soybean-admin
