# intelligent-code-platform-fronted

**Repository Path**: hw_love_666/intelligent-code-platform-fronted

## Basic Information

- **Project Name**: intelligent-code-platform-fronted
- **Description**: 零代码生成平台前端工程
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-09-29
- **Last Updated**: 2025-10-27

## Categories & Tags

**Categories**: Uncategorized

**Tags**: nocode

## README

# 智能代码平台前端

这是一个基于 Vue 3 + TypeScript 的现代化前端项目，用于智能代码平台的用户界面。

## 技术栈

- **核心框架**: Vue 3 (Composition API)
- **语言**: TypeScript
- **构建工具**: Vite
- **UI 组件库**: Ant Design Vue 4.x
- **状态管理**: Pinia
- **路由管理**: Vue Router 4.x
- **HTTP 客户端**: Axios
- **代码规范**: Prettier

## 项目特点

### 1. 现代化技术架构
- 使用 Vue 3 Composition API 编写组件，代码更清晰易维护
- 采用 TypeScript 提供强类型检查，减少运行时错误
- 利用 Vite 构建工具，提供快速的开发体验和热重载功能

### 2. 清晰的项目结构
- 按功能模块划分目录结构（pages, components, api, stores等）
- 组件化开发，提高代码复用性
- API 层统一管理接口请求，便于维护

### 3. 优秀的用户体验
- 响应式设计，适配不同屏幕尺寸
- 丰富的交互动效和视觉反馈
- 合理的状态管理和用户认证流程

### 4. 完善的功能模块
- 用户认证系统（登录/注册）
- 应用管理（创建、编辑、对话、部署）
- 权限控制（管理员功能）
- 数据分页加载

## 项目结构

```
src/
├── access/           # 权限相关
├── api/              # 接口定义
├── components/       # 公共组件
├── config/           # 配置文件
├── layouts/          # 布局组件
├── pages/            # 页面组件
├── router/           # 路由配置
├── stores/           # 状态管理
├── utils/            # 工具函数
└── views/            # 视图组件
```

## 构建与部署

### 开发环境

```bash
# 安装依赖
npm install

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

### 生产构建

```bash
# 构建生产版本
npm run build

# 预览构建结果
npm run preview
```

### 代码格式化

```bash
# 格式化代码
npm run format
```

## 配置说明

### 环境变量

项目使用 `.env` 和 `.env.development` 文件来管理环境变量：

- `VITE_API_BASE_URL`: API 接口基础地址

### 代理配置

在 [vite.config.ts](file:///Users/tianhaowen/Desktop/code/intelligent-code-platform-fronted/vite.config.ts) 中配置了 API 代理：

```typescript
server: {
  proxy: {
    '/api': {
      target: 'http://localhost:8123',
      changeOrigin: true,
      secure: false,
    },
  },
}
```

## 核心功能页面

### 主页 (HomePage.vue)
- 应用创建入口
- 我的作品展示
- 精选案例展示
- 响应式网格布局

### 应用对话页 (AppChatPage.vue)
- 与AI进行应用开发对话
- 实时交互界面

### 应用编辑页 (AppEditPage.vue)
- 应用信息编辑
- 部署配置管理

### 管理后台
- 用户管理 (UserManagePage.vue)
- 应用管理 (AppManagePage.vue)
- 对话管理 (ChatManagePage.vue)

## 代码质量保障

### 类型安全
- 使用 TypeScript 提供完整的类型定义
- 自动生成 API 类型定义文件

### 代码规范
- 集成 Prettier 自动格式化
- 统一的代码风格

## 依赖管理

主要依赖：
- vue: ^3.5.17
- ant-design-vue: ^4.2.6
- pinia: ^3.0.3
- vue-router: ^4.5.1
- axios: ^1.12.1

开发依赖：
- vite: ^7.0.0
- typescript: ~5.8.0
- @vitejs/plugin-vue: ^6.0.0