# 项目概述

Fusion AI Design 是一个基于 Vue3 + Vite + Naive UI 的现代化后台管理框架，旨在帮助开发者快速构建功能丰富、界面美观的管理系统。

## 核心特性

### 🎯 现代化技术栈

- **Vue3** - 最新的Vue版本，支持Composition API
- **Vite** - 极速的构建工具，开发体验优秀
- **Pinia** - Vue官方推荐的状态管理方案
- **Naive UI** - 高质量的Vue3组件库
- **Unocss** - 原子化CSS引擎，极致的样式性能

### 🎨 优雅设计

- 简洁美观的界面设计
- 支持多种布局模式（顶部菜单、侧边栏等）
- 主题定制功能，轻松切换颜色风格
- 响应式设计，适配各种设备屏幕

### 🔧 智能组件

- 丰富的AI表单组件，通过JSON配置快速生成表单
- 完整的CRUD页面组件，集成搜索、表格、新增、编辑、删除等功能
- 支持动态表单、联动字段、远程搜索等高级功能
- 配置化开发，减少重复代码

### 🛡️ 安全可靠

- 完善的权限控制系统，基于角色的访问控制
- 数据加密传输，支持RSA/AES/DES加密
- 无感刷新机制，保障用户登录态安全
- 请求拦截器，统一处理认证和错误

### 📱 响应式布局

- 支持多种布局模式切换
- 移动端友好，适配不同屏幕尺寸
- 可配置的侧边栏和顶部菜单
- 支持折叠菜单，节省空间

## 环境要求

### Node.js 版本

本项目要求使用 Node.js 18.0 或更高版本。推荐使用最新的 LTS 版本以获得最佳性能和安全性。

### 包管理器 (pnpm)

本项目使用 pnpm 作为包管理器，而不是 npm 或 yarn。选择 pnpm 的原因包括：

1. **磁盘空间优化** - pnpm 使用硬链接和符号链接来共享依赖，大大减少了磁盘空间占用
2. **安装速度更快** - 通过内容可寻址存储，避免重复下载相同依赖
3. **依赖安全性** - 严格的依赖隔离，防止非法访问未声明的依赖
4. **网络效率** - 并行下载和缓存机制，提升安装速度
5. **一致性保证** - 确保在不同环境中依赖的一致性

```bash
# 安装 pnpm（如果尚未安装）
npm install -g pnpm

# 验证安装
pnpm --version
```

## 适用场景

- 企业级后台管理系统
- 数据管理平台
- 内容管理系统
- 电商平台管理后台
- 任何需要复杂表单和数据展示的Web应用

## 设计理念

Fusion AI Design 秉承"简单即正义"的设计理念，致力于为开发者提供一个开箱即用、易于扩展的后台管理框架。我们相信好的框架应该让开发者专注于业务逻辑，而不是重复的基础工作。

## 快速开始

```bash
# 克隆项目
git clone https://github.com/your-repo/fusion-design.git

# 进入项目目录
cd fusion-design

# 安装依赖
pnpm install

# 启动开发服务器
pnpm dev
```

访问 `http://localhost:3000` 即可看到项目运行效果。

## 贡献

欢迎提交Issue和Pull Request来帮助我们改进项目。在贡献代码之前，请确保阅读我们的贡献指南。