2026版实战Electron39.2+Vite7+Vue3+DeepSeek客户端AI问答系统-极光社区

electron39-deepseek-vue3ai最新跨平台实战electron39+vite7.2+vue3.5+arcoDesign+markdown-it调用deepseek-v3.2聊天大模型，搭建桌面版ai流式输出Exe系统。支持暗黑+浅色界面、集成深度思考、代码高亮/复制、katex数学公式及mermaid图表功能。

null

技术知识框架

前端框架：vite^7.2.4+vue^3.5.24+vue-router^4.6.4
跨平台框架：electron^39.2.7
AI框架：DeepSeek-V3.2 + OpenAI
组件库：arco-design^2.57.0
状态插件：pinia^3.0.4
会话缓存：pinia-plugin-persistedstate^4.7.1
高亮插件：highlight.js^11.11.1
markdown渲染插件：markdown-it^14.1.0
打包工具：electron-builder^26.0.12

null

项目结构框架目录

使用最新跨平台技术Electron39.2搭配Vite7全家桶技术，接入DeepSeek v3.2大模型。

null

Electron39-Vite7-Deepseek电脑端ai系统已经更新到我的精选作品集。
electron39+vite7+vue3+deepseek桌面端流式ai对话系统Exe

null

项目.env配置

替换.env文件里的deepseek api即可体验桌面端ai对话功能。

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

# 运行端口
VITE_PORT = 3003

# 是否加载调试工具devtools
VITE_DEVTOOLS = true

# 是否打开调试工具devtools
VITE_OPEN_DEVTOOLS = true

# 是否删除生产环境console
VITE_DROP_CONSOLE = true

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

null

项目布局结构

null

<script setup>
  import Titlebar from '@/layouts/components/titlebar/index.vue'
  import Sidebar from '@/layouts/components/sidebar/index.vue'
</script>

<template>
  <div class="vu__container">
    <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>
</template>