迎接2026最新研发vite7+vue3+vant4+openai集成deepseek-chat聊天大模型,搭建一款mobile版流式输出ai对话助手。
支持浅色+深色主题、代码高亮/复制代码、katex公式和mermaid图表功能。
技术栈
- 技术框架:vite^7.2.4+vue^3.5.24+vue-router^4.6.4
- 大模型框架:deepseek-v3.2 + openai
- UI组件库:vant^4.9.21 (有赞vue3移动端组件库)
- 状态管理:pinia^3.0.4
- 高亮插件:highlight.js^11.11.1
- markdown解析:markdown-it
- katex公式:@mdit/plugin-katex^0.24.1
项目特色
- 基于Vite7.2构建,集成DeepSeek-Chat模型,性能更优,对话丝滑流畅
- 支持各种代码高亮(复制代码/收缩功能),方便展示和分享代码片段
- 支持输出Katex数学公式、Mermaid图表
- 使用vant4组件库,风格统一,时尚大气
- 支持移动端+PC端750px像素适配
项目框架目录
如下图:项目还支持运行到PC网页版,750px宽度展示页面布局。
原创编码不易,最后感谢大家的阅读与支持!