原创Tauri2.0+Vue3+DeepSeek搭建桌面版Ai流式输出对话系统-极光社区

原创tauri2+vue3+arco接入deepseek-v3搭建客户端ai流式聊天系统tauri2-deepseek。

null

tauri2-deepseek-chat采用无边框圆角阴影窗口、支持light+dark主题模式。

null

使用技术

技术框架：vite^6.3.5+vue^3.5.15+vue-router^4.5.1
大模型框架：DeepSeek-V3-0324 + OpenAI
跨平台框架：tauri^2.5.0
UI组件库：arco-design^2.57.0 (字节桌面端组件库)
状态管理：pinia^3.0.3
本地缓存：pinia-plugin-persistedstate^4.3.0
高亮插件：highlight.js^11.11.1
markdown插件：markdown-it

null

特性

基于跨平台Tauri2.0框架接入DeepSeek-V3大模型
采用无边框圆角阴影窗口
封装多窗口管理、支持暗黑+浅色主题模式、展开/收缩侧边栏
支持各种代码高亮效果、易于展示分享代码片段
支持上下文多轮对话、提示词生成图片及预览功能
支持在浏览器打开会话里面的链接
基于arco-design组件库，保证UI风格统一性

null

项目框架目录

null

tauri2-deepseek电脑版ai对话系统已经更新到我的原创作品集。
Tauri2+DeepSeek+Vue3+Arco电脑端AI流式聊天对话系统

null

配置.env

# 项目名称
VITE_APPNAME = 'Tauri2-DeepSeek'

# 运行端口
VITE_PORT = 1420

# DeepSeek API配置
VITE_DEEPSEEK_API_KEY = 替换为你的 API Key
VITE_DEEPSEEK_BASE_URL = https://api.deepseek.com

null

项目布局结构

null

<script setup>
  import { appState } from '@/pinia/modules/app'

  import Titlebar from '@/layouts/components/titlebar/index.vue'
  import Sidebar from '@/layouts/components/sidebar/index.vue'

  const appstate = appState()
</script>

<template>
  <div class="vu__chatbot">
    <div class="vu__container" :style="{'--themeSkin': appstate.config.skin}">
      <div class="vu__layout flexbox flex-col">
        <!-- 导航栏 -->
        <Titlebar />

        <div class="vu__layout-body flex1 flexbox">
          <!-- 侧边栏 -->
          <Sidebar />

          <!-- 主面板 -->
          <div class="vu__layout-main flex1">
            <router-view v-slot="{ Component, route }">
              <keep-alive>
                <component :is="Component" :key="route.path" />
              </keep-alive>
            </router-view>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

null

原创Tauri2.0+Vue3+DeepSeek搭建桌面版Ai流式输出对话系统

使用技术

特性

项目框架目录

配置.env

项目布局结构

0条评论