Skip to content

ruoyi-element-ai

🚀 项目亮点

ruoyi-element-ai 是基于 Vue3.5 + Element-Plus-X + hook-fetch + TypeScript + Eslint9 开发的企业级AI应用模板,搭配 ruoyi-ai 后端,快速构建仿豆包/通义的全栈AI项目。

💡 核心优势

  • 最新技术栈:Vue3.5+/Vite6/Pinia3/TypeScript5
  • 流式交互:Hook-Fetch支持Server-Sent Events,插件化写法优雅的一批
  • 企业级规范:ESLint/Stylelint/husky/commitlint全链路校验
  • 全栈项目:集成 ruoyi-ai 后端服务,快速开发
  • 开箱即用:内置动态路由、状态管理、组件库封装、hooks封装

🔗 关键链接

功能模块说明链接
🚀 前端仓库Gitee/GitHub 代码仓库(感谢 star🥰爱你爱你😘)Gitee
GitHub
🛠️ 后端仓库Java服务,功能丰富强大Gitee
GitHub
📡 在线演示实时交互体验在线预览

🧰 核心功能

  • 使用 Vue3.5+ 各种新特性的支持,让开发更有效率
  • 采用 Vite6.3+ 作为项目开发、打包工具
  • 使用 Pinia3.0+ 作为全局状态管理库,轻量、优雅、易用,集成 Pinia 持久化插件
  • 使用 TypeScript5.8+ 增强项目的代码规范和可读性
  • 使用 Unocss 预设样式,更快书写简单的样式
  • 弃用 Axios (不支持流式请求) 改用 Hook-Fetch (支持流模式,插件化封装,写法极度优雅) 进行全局的请求封装
  • 使用 VueRouter 配置动态路由权限拦截、路由懒加载
  • 使用 KeepAlive 对页面进行缓存
  • 封装了一些好用的组件和Hooks,增强用户交互体验
  • 使用 ESLint9+、Stylelint16+ 代码校验规范、同时统一保存格式化代码
  • 使用 husky、lint-staged、commitlint、cz-git 规范提交信息

🧸 即将推出 (含 ruoyi-ai 接口联调)

  • 会话管理
  • 发送消息
  • 登录注册
  • md 渲染
  • 编辑输入框
  • 文件上传
  • 其他...

🤝 社区支持

👨‍👨‍👧‍👦 微信交流群💩 作者微信
微信交流群
扫码加入交流群
获取最新动态与技术支持
作者vx
群过期或失效?
扫码添加作者微信