项目概述

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 的原因包括：

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

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

# 验证安装
pnpm --version

适用场景

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

设计理念

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

快速开始

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

# 进入项目目录
cd fusion-design

# 安装依赖
pnpm install

# 启动开发服务器
pnpm dev

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

贡献

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