一个基于 Vue 3 + TypeScript + Vite 的现代化后台管理系统模板。

• ⚡️ Vue 3、Vite、TypeScript - 现代化开发体验
• 📦 组件自动导入
• 🎨 Element Plus - 流行的 Vue 3 组件库
• 😃 各种图标集为你所用
• 🔥 使用 新的 <script setup> 语法
• 📥 API 自动加载 - 直接使用 Composition API 无需引入
• 🦾 TypeScript 支持
• 📦 Pinia 状态管理
• 🔐 基于角色的权限控制
• 🛠️ Biome - 高性能代码格式化和 Linting 工具
• 🔄 基于 SQLite 的接口代码自动生成器

• Node.js >= 20.17.0
• pnpm >= 9.10.0

推荐使用 nvm 管理 Node.js 版本

推荐使用 corepack 管理包管理器版本

# 克隆项目
git clone https://github.com/kittors/origin-admin.git

# 进入项目目录
cd origin-admin

# 启用 pnpm
corepack enable

# 安装依赖
pnpm install

# 启动服务
pnpm dev

# 构建正式环境
pnpm build

# 单元测试
pnpm test:unit

# E2E 测试
pnpm test:e2e

# 在 Chromium 中运行 E2E 测试
pnpm test:e2e --project=chromium

# 调试模式下运行 E2E 测试
pnpm test:e2e --debug

• 使用 Biome 进行代码检查和格式化

  # 格式化代码
  pnpm format
  
  # 代码检查
  pnpm lint
  
  # 自动修复
  pnpm check

• 支持 API 接口代码自动生成

  # 根据 OpenAPI 规范生成接口代码
  pnpm api:generate

• VSCode
• Volar - Vue 3 IDE 支持
• TypeScript Vue Plugin (Volar)

1. Fork 本仓库
2. 创建你的特性分支 (git checkout -b feature/AmazingFeature)
3. 提交你的改动 (git commit -m 'Add some AmazingFeature')
4. 推送到分支 (git push origin feature/AmazingFeature)
5. 打开一个 Pull Request

MIT License © 2024-PRESENT [Your Name]