Hi，騷年，我是大 G，公眾號「 GitHub 指北 」會推薦 GitHub 上有趣有用的計畫，一分鐘 get 一個優秀的開源計畫，挖掘開源的價值，歡迎關註。
導語
今天推薦一個清新優雅、高顏值且功能強大的後台管理樣版，基於最新的前端技術棧，包括 Vue3, Vite5, TypeScript, Pinia 和 UnoCSS。它內建了豐富的主題配置和元件，程式碼規範嚴謹，實作了自動化的檔路由系統。此外，它還采用了基於 ApiFox 的線上 Mock 數據方案。
SoybeanAdmin
為您提供了一站式的後台管理解決方案，無需額外配置，開箱即用。同樣是一個快速學習前沿技術的最佳實踐。
特性
前沿技術套用 ：采用 Vue3, Vite5, TypeScript, Pinia 和 UnoCSS 等最新流行的技術棧。
清晰的計畫架構 ：采用 pnpm monorepo 架構，結構清晰，優雅易懂。
嚴格的程式碼規範 ：遵循 SoybeanJS 規範，整合了 eslint, prettier 和 simple-git-hooks，保證程式碼的規範性。
TypeScript ：支持嚴格的型別檢查，提高程式碼的可維護性。
豐富的主題配置 ：內建多樣的主題配置，與 UnoCSS 完美結合。
內建國際化方案 ：輕松實作多語言支持。
自動化檔路由系統 ：自動生成路由匯入、聲明和型別。更多細節請檢視 Elegant Router。
靈活的許可權路由 ：同時支持前端靜態路由和後端動態路由。
豐富的頁面元件 ：內建多樣頁面和元件，包括 403、404、500 頁面，以及布局元件、標簽元件、主題配置元件等。
命令列工具 ：內建高效的命令列工具，git 送出、刪除檔、釋出等。
移動端適配 ：完美支持移動端，實作自適應布局。
效果預覽
使用
環境準備
確保你的環境滿足以下要求：
git : 你需要 git 來複制和管理計畫版本。
NodeJS : >=18.0.0，推薦 18.19.0 或更高。
pnpm : >= 8.0.0，推薦 8.14.0 或更高。
複制計畫
git clone https://github.com/soybeanjs/soybean-admin.git
安裝依賴
pnpm i
啟動計畫
pnpm dev
構建計畫
pnpm build
源碼地址
點選下方的公眾號；
在後台發訊息「 後台系統 」即可獲取。
