vue3调用deepseek api搭建网页版ai聊天对话界面

436 阅读1分钟

2025全民AI元年-基于vite6+vue3.5+deepseek+arco-design构建web版流式输出AI问答会话模板。支持暗黑+亮色主题、代码高亮、本地会话存储等功能。

未标题-j.png

未标题-f.png

特性

  1. 流式响应逐行打字输出效果
  2. 基于Vite6构建,接入DeepSeek,性能更丝滑
  3. 支持暗黑+亮色主题模式、侧边栏收缩、本地存储会话
  4. 支持各种代码高亮,利于展示和分享代码片段

p2.gif

p4-3.gif

基于deepseek+vue3.5+arco搭建网页版AI流式会话模板 - bilibili

项目框架结构

基于Vite6.x构建,对接DeepSeek,性能更优,对话丝滑流畅。

360截图20250325220544741.png

001360截图20250325162241019.png

002360截图20250325163310433.png

002360截图20250325162855042.png

004360截图20250325165207832.png

007360截图20250325165830309.png

008360截图20250325170304101.png

011360截图20250325171125897.png

013360截图20250325171759429.png

如果想要了解更多技术实现细节,可以看看下面这篇分享文章。

vue3-webseek网页版AI问答|Vite6+DeepSeek+Arco流式ai聊天打字效果

往期热文

vue3仿Deepseek/ChatGPT流式聊天AI界面,对接deepseek/OpenAI API

Flutter3.x深度融合短视频+直播+聊天app实例

Vue3-Electron32-OS桌面os实例|electron32+vite5+arco实战os桌面

自研tauri2.0+vite5+vue3+element-plus电脑版exe聊天系统Vue3-Tauri2Chat

自创uniapp+vue3+uvui酒店预订app系统模板

uni-vue3-wechat:基于uni-app+vue3+pinia2多端仿微信App聊天