聊天应用与AI开发框架,基于 Vue3 Vite5 Electron开发,集成 ChatGPT 的聊天应用

聊天应用与AI开发框架,基于 Vue3 Vite5 Electron开发,集成 ChatGPT 的聊天应用
一个集成 ChatGPT 的聊天应用,基于 Vue3 ,Vite5,Electron开发
一款基于前沿技术的聊天工作室,采用 Vue3 前端框架与 Element-Plus 组件库,提供全面且优质的即时通讯解决方案。它深度整合腾讯 IM 即时通讯能力,旨在为开发者打造学习交流的平台,同时为用户带来高效便捷的沟通体验。
特性
️ 基于 Vite5,构建高效应用
JWT 权限控制
接入 OpenAI 语言模型
聊天记录轻松截图分享
聊天工作室基于 IM 即时通讯 SDK
自动切换光明与黑暗模式
完整支持 Markdown 渲染,代码高亮
多语言支持:英语与简体中文
采用 Prettier 与 ESLint 规范
提供桌面应用 Electron 版本,支持 macOS (.dmg) 与 Windows (.exe)
技术选型
是一个集成 ChatGPT 的聊天应用,基于 Vue3 ,Vite5,Electron开发。
环境配置

  1. 本地环境需要安装 Node.js 18.20+

复制代码

克隆代码

  1. 访问依星资源网:http://www.net188.com 下载

复制代码

安装依赖

  1. pnpm install

复制代码

启动项目

  1. pnpm dev

复制代码

打包

  1. pnpm build

复制代码

目录结构

  1. PureChat
  2. ├── .vscode                    // vscode插件和设置
  3. │   ├── extensions.json        // vscode推荐的插件(左侧点击扩展 筛选选中推荐可以一键安装)
  4. │   └── settings.json          // vscode配置(在该项目中生效 可以复制到用户配置文件中)
  5. ├── dist_electron              // electron打包文件
  6. ├── dist                       // 打包文件
  7. ├── electron                   // electron配置
  8. ├── locales                    // 国际化语言包
  9. ├── node_modules               // 依赖包
  10. ├── public                     // 静态目录
  11. ├── src                        // 源代码
  12. │   ├── ai                     // ai配置
  13. │   ├── api                    // 所有请求
  14. │   ├── assets                 // 主题字体图片 svg icons 等静态资源
  15. │   ├── components             // 全局公用组件
  16. │   ├── directives             // 自定义指令
  17. │   ├── constants              // 常量
  18. │   ├── directives             // 指令
  19. │   ├── layout                 // 整体布局结构
  20. │   ├── plugins                // 插件
  21. │   ├── router                 // 路由
  22. │   ├── store                  // 全局store管理
  23. │   ├── styles                 // 全局样式
  24. │   ├── utils                  // 全局公用方法
  25. │   ├── views                  // view页面目录
  26. │   ├── App.vue                // 入口页面
  27. │   ├── main.js                // 入口 加载组件 初始化等
  28. ├── static                     // 静态资源
  29. ├── .browserslistrc            // 配置兼容浏览器
  30. ├── .env                       // 全局环境变量
  31. ├── .env.development           // 开发环境变量
  32. ├── .env.local                 // 本地环境变量
  33. ├── .env.production            // 生产环境变量
  34. ├── .eslintignore              // eslint忽略项
  35. ├── .eslintrc.js               // eslint配置项
  36. ├── .gitignore                 // git忽略项
  37. ├── .npmrc                     // npm配置文件
  38. ├── .nvmrc                     // 指定node版本配置
  39. ├── .prettierignore            // prettier忽略项
  40. ├── babel.config.js            // babel-loader配置
  41. ├── commitlint.md              // Commitlint提交规范
  42. ├── jsconfig.json              // JavaScript配置
  43. ├── LICENSE                    // 开源协议
  44. ├── package.json               // 项目名称 项目版本 项目描述 项目运行的一些脚本(依赖)
  45. ├── prettier.config.js         // prettier配置
  46. ├── README.md                  // 说明
  47. └── vite.config.js             // vite配置

复制代码




后端源码:
开发

  • src/db/userCopy.json 添加自定义用户信息 测试账号默认密码123456
  • 启动 npm run dev

部署

  • vercel login:登录 Vercel 账号
  • vercel dev:本地开启服务
  • vercel dev –bug:本地开启服务并打印日志
  • vercel:部署本地资源到 Vercel 上
  • vercel –prod:更新本地网页
下载说明:
1.本站资源都是白菜价出售,同样的东西,我们不卖几百,也不卖几十,甚至才卖几块钱,一个永久会员能下载全站100%源码了,所以单独购买也好,会员也好均不提供相关技术服务。
2.如果源码下载地址失效请联系站长QQ进行补发。
3.本站所有资源仅用于学习及研究使用,请必须在24小时内删除所下载资源,切勿用于商业用途,否则由此引发的法律纠纷及连带责任本站和发布者概不承担。资源除标明原创外均来自网络整理,版权归原作者或本站特约原创作者所有,如侵犯到您权益请联系本站删除!
4.本站站内提供的所有可下载资源(软件等等)本站保证未做任何负面改动(不包含修复bug和完善功能等正面优化或二次开发);但本网站不能保证资源的准确性、安全性和完整性,由于源码具有复制性,一经售出,概不退换。用户下载后自行斟酌,我们以交流学习为目的,并不是所有的源码都100%无错或无bug;同时本站用户必须明白,【安安资源网】对提供下载的软件等不拥有任何权利(本站原创和特约原创作者除外),其版权归该资源的合法拥有者所有。
5.请您认真阅读上述内容,购买即以为着您同意上述内容,由于源码具有复制性,一经售出,概不退换。
安安资源网 » 聊天应用与AI开发框架,基于 Vue3 Vite5 Electron开发,集成 ChatGPT 的聊天应用