基于Electron35+Vue3.5+DeepSeek桌面客户端流式AI对话助手

xiaoyan2015 的个人博客 / 27 / 0 / 创建于 2周前

桌面端AI实战：electron35+vite6集成deepseek-vue3聊天大模型搭建桌面版AI模板。

技术栈

编辑器：VScode
技术框架：vite^6.2.0+vue^3.5.13+vue-router^4.5.0
大模型ai框架：DeepSeek-V3-0324 + OpenAI
跨平台框架：electron^35.1.2
组件库：arco-design^2.57.0 (字节桌面端组件库)
状态插件：pinia^3.0.1
会话缓存：pinia-plugin-persistedstate^4.2.0
高亮插件：highlight.js^11.11.1
markdown解析：markdown-it

功能特点

基于跨平台Electron35框架，接入DeepSeek-V3，性能更丝滑
支持各种代码高亮效果、易于展示分享代码片段
支持上下文多轮对话、提示词生成图片及预览功能
支持多窗口、亮色+暗黑主题
支持新窗口打开会话里面的链接
采用arco-design组件库，风格一致性

项目结构目录

基于最新版跨平台框架Electron35和Vite6搭建项目模板，整合DeepSeek-V3大模型。

DeepSeek-Electron桌面端AI项目已经同步到我的原创作品集。
electron35+deepseek+vite6桌面端AI流式聊天对话EXE

项目环境配置.env

# 项目名称
VITE_APPNAME = 'Electron35-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

项目入口文件

import { createApp } from 'vue'
import './style.scss'
import App from './App.vue'

import { launchApp } from '@/windows/actions'

// 引入路由/状态配置
import Router from './router'
import Pinia from './pinia'

// 引入插件配置
import Plugins from './plugins'

launchApp().then(config => {
  if(config) {// 全局存储窗口配置
    window.config = config
  }

  // 初始化app实例
  createApp(App)
  .use(Router)
  .use(Pinia)
  .use(Plugins)
  .mount('#app')
})