[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项目。
有疑问加站长微信联系(非本文作者)
