基于Uniapp+DeepSeek+Vue3跨端流式打字输出AI模板[web+小程序+app端]
跨多端 AI 实战:uni-app+vue3
整合接入 deepseek-vue3
聊天大模型搭建三端 AI 模板。
使用技术
- 开发工具:Hbuilder X 4.57
- 技术框架:Uniapp+Vue3+Pinia2+Vite5.x
- 大模型框架:DeepSeek-V3
- UI组件库:uni-ui+uv-ui
- 高亮插件:highlight.js
- markdown解析:ua-markdown
- 本地缓存:pinia-plugin-unistorage
功能性
- 支持编译到H5/小程序端/App端
- 支持各种代码高亮、上下文多轮对话/本地会话存储
- 支持代码块横向滚动、行号、代码复制功能(h5/app端)
- 支持图片渲染宽度100%、图片预览功能(h5/app端)
- 支持链接跳转功能(h5/app端)
- 修复小程序端表格边框线及各类标签选择器样式失效
项目结构目录
uni-vue3-deepseek跨端ai项目已经同步到我的原创作品集。
入口文件main.js
import App from './App'
import { createSSRApp } from 'vue'
// 引入pinia状态管理
import pinia from '@/pinia'
export function createApp() {
const app = createSSRApp(App)
app.use(pinia)
return {
app,
pinia
}
}
uniapp环境变量配置.env
# 项目名称
VITE_APPNAME = 'Uniapp-DeepSeek'
# 运行端口
VITE_PORT = 5173
# DeepSeek API配置
VITE_DEEPSEEK_API_KEY = 替换为你的APIKey
VITE_DEEPSEEK_BASE_URL = https://api.deepseek.com
想要了解更多技术实现细节,可以看看下面这篇分享文章。
原创AI实战uniapp+deepseek+vue3跨三端仿DeepSeek/豆包app流式ai对话助手。
热文推荐
Uniapp-DeepSeek跨三端AI助手|uniapp+vue3+deepseek-v3流式ai聊天模板
Electron35-DeepSeek桌面端AI系统|vue3.5+electron+arco客户端ai模板
vue3-webseek网页版AI问答|Vite6+DeepSeek+Arco流式ai聊天打字效果
flutter3-dymall仿抖音直播商城|Flutter3.27短视频+直播+聊天App实例
Tauri2.0-Vue3OS桌面端os平台|tauri2+vite6+arco电脑版OS管理系统
tauri2.0-admin桌面端后台系统|Tauri2+Vite5+ElementPlus管理后台EXE程序
Vite5+Electron聊天室|electron31跨平台仿微信EXE客户端|vue3聊天程序
uniapp+vue3聊天室|uni-app+vite4+uv-ui跨端仿微信app聊天语音/朋友圈
本作品采用《CC 协议》,转载必须注明作者和本文链接
推荐文章: