分享
这是一个创建于 的主题,其中的信息可能已经有所发展或是发生改变。
[vue3-deepseek-chat](https://mall.bilibili.com/neul-next/detailuniversal/detail.html?isMerchant=1&page=detailuniversal_detail&saleType=10&itemsId=11721604&loadingShow=1&noTitleBar=1&msource=merchant_share):基于`vite6+vue3+deepseek+vant4+openai`打造一款高颜值流动对话效果AI聊天小助手。集成了Vue3 对接 DeepSeek 的完整 API对话大模型。支持代码高亮、本地缓存,支持移动端+PC端完美显示。
# 技术栈
- 编辑器:VScode
- 技术框架:vite^6.2.0+vue^3.5.13+vue-router^4.5.0
- 大模型框架:DeepSeek-R1 / OpenAI
- 组件库:vant^4.9.17 (有赞vue3移动端组件库)
- 状态管理:pinia^3.0.1
- 高亮插件:highlight.js^11.11.1
- markdown解析:markdown-it
- 本地缓存:pinia-plugin-persistedstate^4.2.0
# 项目特点
- 支持各种代码高亮,方便展示和分享代码片段
- 采用vant4组件库,风格统一,时尚大气
- 支持移动端+PC端750px像素适配,大屏也有良好体验
- 流式响应:逐字显示 AI 回复,提供更好的用户体验
优雅的 UI 设计:
气泡式对话界面
打字机效果
平滑的动画过渡
响应式布局
# 项目框架目录
实现起来不是很复杂。以上就是vue3对接deepseek开发AI对话项目的介绍。后续还会分享一些vue3项目。
有疑问加站长微信联系(非本文作者)
入群交流(和以上内容无关):加入Go大咖交流群,或添加微信:liuxiaoyan-s 备注:入群;或加QQ群:692541889
关注微信1153 次点击
添加一条新回复
(您需要 后才能回复 没有账号 ?)
- 请尽量让自己的回复能够对别人有帮助
- 支持 Markdown 格式, **粗体**、~~删除线~~、
`单行代码` - 支持 @ 本站用户;支持表情(输入 : 提示),见 Emoji cheat sheet
- 图片支持拖拽、截图粘贴等方式上传