基于Vue3+Vite6+OpenAI
对接DeepSeek API
聊天小助手模板,支持流式打字输出效果、浅色+暗黑主题模式、代码高亮显示、针对移动端+PC端适配处理。
实现技术
- 技术框架:vite6.2.0+vue3.5.13+vue-router^4.5.0
- 大模型框架:DeepSeek-R1 / OpenAI
- UI组件库:vant^4.9.17 (有赞vue3移动端组件库)
- 状态管理:pinia^3.0.1
- 高亮插件:highlight.js^11.11.1
- markdown解析:markdown-it
- 本地缓存:pinia-plugin-persistedstate^4.2.0
功能特性
- 基于Vue3构建,集成DeepSeek,性能更优,对话丝滑流畅
- 支持各种代码高亮,方便展示和分享代码片段
- 使用vant4组件库,风格统一,时尚大气
- 支持移动端+PC端750px像素适配,大屏也有良好体验
- 流式响应:逐字显示 AI 回复,提供更好的用户体验
项目结构
deepseek-vue3chat聊天ai助手已经发布到我的原创作品集。
如果想要了解更多的技术实现细节,可以去看看下面这篇分享文章。
https://www.cnblogs.com/xiaoyan2017/p/18773480
flutter3-trip仿携程酒店预订|Flutter3.27+Getx预约旅游酒店App程序
flutter3-dymall仿抖音直播商城|Flutter3.27短视频+直播+聊天App实例
Electron32-ViteOS桌面版os系统|vue3+electron+arco客户端OS管理模板
uniapp+vue3酒店预订|vite5+uniapp预约订房系统模板(h5+小程序+App端)
Tauri2.0+Vite5聊天室|vue3+tauri2+element-plus仿微信|tauri聊天应用
Electron31-Vue3Admin管理系统|vite5+electron+pinia桌面端后台Exe
uniapp+vue3聊天室|uni-app+vite4+uv-ui跨端仿微信app聊天语音/朋友圈