基于deepseek+vue3.5+vite7+arco从0-1搭建网页版ai问答小助手

简介: 2026最新实战研发vue3.5+vite7.2+deepseek-v3.2+arco打造网页web版流式ai会话模板。

2026最新网页版ai实战 - vite7.2+vue3+arco+pinia3+markdown-it接入deepseek-v3.2会话大模型。实现流式ai输出打字效果,支持暗黑+浅色主题、集成深度思考、katex数学公式及mermaid图表、本地存储对话等功能。

未标题-jj.png

p4.gif

p4-1.gif

项目技术知识

  • 前端框架:vite^7.2.4+vue^3.5.24+vue-router^4.6.4
  • 大模型框架:DeepSeek-R1 + OpenAI
  • 组件库:arco-design^2.57.0 (字节桌面端组件库)
  • 状态管理:pinia^3.0.4
  • 本地存储:pinia-plugin-persistedstate^4.7.1
  • 高亮插件:highlight.js^11.11.1
  • markdown插件:markdown-it
  • katex公式:@mdit/plugin-katex^0.24.1


p4-3.gif

p4-4.gif

项目结构目录

使用最新前端框架vite7.x+vue3搭建项目页面,调用deepseek-chat api大模型。

360截图20260104095028897.png

001360截图20260103080425549.png 002360截图20260103081001998.png 002360截图20260103081001999.png 002360截图20260103081002002.png 002360截图20260103084412883.png 002360截图20260103085708290.png 002360截图20260103085708292.png 003360截图20260103091233470.png 003360截图20260103091843214.png 004360截图20260103115744725.png 004360截图20260103120054549.png 005360截图20260103120220903.png 005360截图20260103120220904.png 006360截图20260103120533404.png 008360截图20260103124947743.png 008360截图20260103125126598.png 008360截图20260103125240325.png 009360截图20260103125438125.png 010360截图20260103125925726.png 012360截图20260103130203476.png


最后感谢大家的阅读与支持,后续还会分享更多原创优质项目。



目录
相关文章
|
3月前
|
人工智能
基于vite7.2+vue3.5+deepseek-v3.2高颜值流式ai会话助手
基于vue3.5+vite7.2+vant4+markdown+openai深度集成deepseek-v3.2聊天大模型。支持浅色+深色主题、stream流式输出、代码高亮、复制代码、katex公式、mermaid图表等功能。
182 3
|
人工智能 Linux 测试技术
NexaAI, 一行命令运行魔搭社区模型,首次在设备上运行 Qwen2-Audio
Qwen2-Audio是一个 70亿参数量 SOTA 多模态模型,可处理音频和文本输入。
1218 8
|
16天前
|
人工智能 Linux API
24小时自媒体自动化革命:OpenClaw(阿里云/Win11/Mac/Linux)喂饭级部署+集成公众号 API /小红书 Skill 实战指南
“运营一个自媒体账号已经够累,还要兼顾公众号、小红书多个平台,每天写内容、发笔记、回评论,根本忙不过来”——这是无数自媒体人的日常困境。2026年,OpenClaw(昵称“小龙虾”)的自动化能力彻底改变了这一现状:通过对接公众号官方API与小红书浏览器自动化Skill,搭建起一套“选题→创作→发布→互动”全流程自动化系统,实现24小时内容生产与多平台矩阵运营,人只需负责定方向、调策略,执行层全由AI完成。
1328 12
|
2月前
|
人工智能 运维 安全
2025-2026年主流自助建站系统有哪些
本文阐释自助建站系统的定义、分类及特性,对比 SaaS 模式与独立 CMS 系统的适配场景,分析 2025-2026 年市场格局与发展趋势,给出用户选型建议,指出行业向降门槛、强适配方向发展。
249 3
|
2月前
|
人工智能 测试技术 开发者
AI Coding后端开发实战:解锁AI辅助编程新范式
本文系统阐述了AI时代开发者如何高效协作AI Coding工具,强调破除认知误区、构建个人上下文管理体系,并精准判断AI输出质量。通过实战流程与案例,助力开发者实现从编码到架构思维的跃迁,成为人机协同的“超级开发者”。
2293 106
|
2月前
|
机器学习/深度学习 人工智能 API
构建AI智能体:九十三、基于OpenAI Whisper-large-v3模型的本地化部署实现语音识别提取摘要
本文介绍基于OpenAI Whisper-large-v3模型与FastAPI构建高精度语音转文字服务的实践。涵盖模型加载优化、多格式音频处理、RESTful API设计及生产级部署方案,分享从零打造高性能、可扩展ASR系统的完整经验。
279 14
|
2月前
|
安全 Linux Docker
QWEN3 企业级 Docker 容器化部署指南
QWEN3是通义千问系列最新大模型,支持密集与混合专家架构,覆盖0.6B至235B参数,适用于多场景部署。具备思考与非思考双推理模式,强化复杂任务处理能力,支持100+语言及工具调用。本文档提供企业级Docker部署方案,涵盖环境配置、镜像拉取、安全加固、高可用设计与生产最佳实践,经Ubuntu/CentOS实测验证,端口8080、API路径/v1/chat/completions 100%可用,助力快速落地AI应用。
1425 5
|
2月前
|
安全 C语言 Docker
从零开始学构建Docker镜像:4种实用方法+生产级实践规范
本文系统讲解Docker镜像构建四大方法,聚焦生产实践,涵盖环境搭建、Dockerfile规范、多阶段构建、安全管控与CI/CD集成,强调非root运行、镜像瘦身及可追溯Tag规范,助力开发者掌握从开发到生产的全链路容器化技能。
1240 5
|
8月前
|
人工智能 JavaScript 数据可视化
重磅发布:VTJ.PRO 赋能若依(RuoYi)「AI + 低代码」能力,企业级开发效率跃升 300%
VTJ.PRO 与若依(RuoYi)深度集成,融合双向代码穿梭、AI智能引擎及多模态渲染技术,打造“设计即生产”新体验。支持可视化开发、AI生成代码、旧组件重构,提升企业开发效率,助力数字化转型。
786 29
|
2月前
|
人工智能 数据可视化 物联网
《显卡 4090 就能跑!小白也能炼出私有大模型》
大模型微调是AI落地的关键技术,通过定向训练让通用模型在特定领域“从会到精”。本文详解微调原理、LoRA/QLoRA等高效方法,并提供评估与实操建议,助力新手快速上手,实现低成本、高精度的模型定制。
453 4