1.4 KiB
1.4 KiB
FOCHAIN-AICG
一个基于Stable Diffusion的AI图像生成Web应用,使用Quasar Framework和Vue 3构建。
技术栈
- 前端框架: Vue 3 + Quasar Framework
- UI组件库: Naive UI
- 状态管理: Vue Router
- 国际化: Vue I18n
- HTTP客户端: Axios
- 动画效果: animate.css + @formkit/auto-animate
- 构建工具: Vite
功能特点
- AI图像生成
- 用户认证系统
- 历史记录管理
- 个人中心
- 反馈系统
- 多语言支持
- 响应式设计
安装说明
确保你的环境满足以下要求:
- Node.js: ^20 || ^18 || ^16
- npm: >= 6.13.4
- yarn: >= 1.21.1
- 克隆项目
git clone [项目地址]
- 安装依赖
npm install
# 或
yarn install
- 启动开发服务器
npm run dev
# 或
yarn dev
- 构建生产版本
npm run build
# 或
yarn build
项目结构
src/
├── api/ # API接口
├── assets/ # 静态资源
├── boot/ # 启动配置
├── components/ # 通用组件
├── css/ # 样式文件
├── i18n/ # 国际化配置
├── layouts/ # 布局组件
├── pages/ # 页面组件
├── router/ # 路由配置
└── utils/ # 工具函数
主要功能页面
/login
- 用户登录/aicg
- AI图像生成/create
- 创建新图像/history
- 历史记录/mine
- 个人中心/feedback
- 反馈系统