ai-ground-quasar/README.md
2024-12-02 14:16:19 +08:00

1.4 KiB
Raw Blame History

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
  1. 克隆项目
git clone [项目地址]
  1. 安装依赖
npm install
# 或
yarn install
  1. 启动开发服务器
npm run dev
# 或
yarn dev
  1. 构建生产版本
npm run build
# 或
yarn build

项目结构

src/
├── api/          # API接口
├── assets/       # 静态资源
├── boot/         # 启动配置
├── components/   # 通用组件
├── css/          # 样式文件
├── i18n/         # 国际化配置
├── layouts/      # 布局组件
├── pages/        # 页面组件
├── router/       # 路由配置
└── utils/        # 工具函数

主要功能页面

  • /login - 用户登录
  • /aicg - AI图像生成
  • /create - 创建新图像
  • /history - 历史记录
  • /mine - 个人中心
  • /feedback - 反馈系统