原创vue3+deepseek+vant4从0-1实战一款仿deepseek/豆包流式输出AI对话实例。
·
vue3-deepseek-chat:自研新作vite6+vue3+deepseek+vant4+openai纯手撸一款高颜值流式对话效果AI聊天小助手。集成了Vue3 对接 DeepSeek 的完整 API对话大模型。支持代码高亮、本地缓存,支持移动端+PC端。
特性
- 基于Vue3构建,集成DeepSeek,性能更优,对话丝滑流畅
- 支持各种代码高亮,方便展示和分享代码片段
- 使用vant4组件库,风格统一,时尚大气
- 流式响应:逐字显示 AI 回复,提供更好的用户体验
运用技术
- 技术框架:vite^6.2.0+vue^3.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
项目框架目录
在pc端则以750px宽度展示布局。
想要了解更多的技术实现细节,可以去看看下面这篇分享文章。
https://blog.csdn.net/yanxinyun1990/article/details/146306730
更多推荐
所有评论(0)