# 前端部署

**Repository Path**: xiejiahao/front-end-deployment

## Basic Information

- **Project Name**: 前端部署
- **Description**: 可视化部署前端项目
- **Primary Language**: TypeScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-03-11
- **Last Updated**: 2025-05-23

## Categories & Tags

**Categories**: Uncategorized

**Tags**: 开源, TypeScript, React, Nodejs

## README

# 前端部署系统

一个用于管理和部署前端项目的全栈应用，方便可视化操作和部署版本管理。

## 主要功能

- 项目管理
- 快照管理
- 构建/部署/回滚

## 技术栈

- **前端**：
  - React
  - Next.js
  - TypeScript

- **后端**：
  - Koa2
  - Sqlite3
  - TypeScript

## 目录结构

```
├── client/                # 前端项目目录
│   ├── api/               # API 接口
│   ├── app/               # 页面和路由
│   ├── components/        # 公共组件
│   └── utils/             # 工具函数
│   └── ...                # 其他
│
├── server/               # 后端项目目录
│   ├── src/              # 源代码
│   │   ├── config/       # 配置文件
│   │   ├── controllers/  # 控制器
│   │   ├── routes/       # 路由
│   │   └── utils/        # 工具函数
│   │   └── ...           # 其他
│   └── typings/          # 类型定义
```

## 系统预览

### 项目管理
![项目管理](./preview/1.png)

项目管理界面提供了直观的项目列表视图

### 项目管理-编辑
![项目管理-编辑](./preview/2.png)

支持项目的创建、编辑和删除操作。

### 快照管理
![快照管理](./preview/3.png)

详细的部署历史记录。

### 快照管理-部署
![快照管理-部署](./preview/4.png)

随时切换上线已部署过的版本（回滚）。

## 开发指南

### 前端/后端开发

```bash
# 进入前端目录
cd client

# 进入后端目录
cd server

# 安装依赖
pnpm install

# 启动开发服务器
npm run dev
```

## 部署指南

### 前端/后端部署

```bash
# 编译构建
npm run build

# 启动服务
npm run start

# 需要进程守护，请自己全局安装和启动
```

## 环境要求

- Node.js 20.x
- pnpm 包管理器
- TypeScript 支持