54 lines
1.5 KiB
Markdown
54 lines
1.5 KiB
Markdown
|
# Bun全栈单仓脚手架
|
|||
|
|
|
|||
|
|
`Bun` `Monorepo` `Vite` `Elysia` `React` `TypeScript` `全栈` `SPA`
|
|||
|
|
|
|||
|
|
# Bun Monorepo Vite Elysia SPA
|
|||
|
|
|
|||
|
|
使用官方最新生成器创建或重新生成 Bun 工作区单仓（monorepo）：
|
|||
|
|
- 后端：`bun create elysia@latest`
|
|||
|
|
- 前端（SPA）：`bun create vite@latest --template react-ts`
|
|||
|
|
|
|||
|
|
本 skill 针对内部工具和管理后台场景优化，不要求强公开 SEO。
|
|||
|
|
|
|||
|
|
然后应用后端生产默认配置（后端默认端口：`8000`），后端模式参考 `ahmed-lotfy-dev/elysia-core-backend`：
|
|||
|
|
- Better Auth 认证
|
|||
|
|
- Drizzle ORM + Postgres
|
|||
|
|
- 通过 `elysia-mcp` 提供 MCP 端点
|
|||
|
|
- OpenAPI 文档
|
|||
|
|
- CORS 白名单
|
|||
|
|
- 非认证 Cookie 变更的 CSRF 防护
|
|||
|
|
- 安全响应头
|
|||
|
|
|
|||
|
|
## 适用场景
|
|||
|
|
|
|||
|
|
在以下情况使用本 skill：
|
|||
|
|
- 初始化一个新的全栈 Bun 工作区单仓
|
|||
|
|
- 将现有后端/前端重置为生成器最新基线
|
|||
|
|
- 避免旧有手动脚手架带来的过时包版本
|
|||
|
|
- 强制使用 Vite + React + TypeScript 的 SPA 前端
|
|||
|
|
|
|||
|
|
## 常用命令
|
|||
|
|
|
|||
|
|
```bash
|
|||
|
|
# 后端
|
|||
|
|
bun create elysia@latest apps/backend
|
|||
|
|
|
|||
|
|
# 前端 SPA
|
|||
|
|
bun create vite@latest apps/frontend --template react-ts
|
|||
|
|
|
|||
|
|
# 安装工作区依赖
|
|||
|
|
bun install
|
|||
|
|
|
|||
|
|
# 运行所有应用的 dev 脚本
|
|||
|
|
bun run --filter "*" dev
|
|||
|
|
|
|||
|
|
# 运行单个应用
|
|||
|
|
bun run --filter frontend dev
|
|||
|
|
bun run --filter backend dev
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
## Skill 文件说明
|
|||
|
|
|
|||
|
|
- `SKILL.md`：触发条件与工作流说明
|
|||
|
|
- `references/workflow.md`：详细命令与参考指南
|
|||
|
|
- `agents/openai.yaml`：skill 列表的 UI 元数据
|