首页
学习
活动
专区
圈层
工具
发布
    • 综合排序
    • 最热优先
    • 最新优先
    时间不限
  • 来自专栏h5

    electron-vue仿微信桌面端|electron聊天实例

    electron-vchat客户端聊天实例是基于electron+vue+vuex+Node+vue-router等技术开发的仿制微信pc桌面聊天项目。 034360截图20200108115113391.png 技术框架 框架技术:electron + electron-vue + vue 状态管理:Vuex 地址路由:Vue-router 字体图标: https://electronjs.org/ https://electron.org.cn/vue/index.html https://github.com/SimulatedGREG/electron-vue electron主进程创建窗口 通过electron提供的BrowserWindow对象创建窗体,electron-vue构建项目后,主进程入口页面是src/main/index.js import electron实现自定义顶部最大/小化、关闭按钮、无外框窗口 electron 中配置 frame: false 后,就能去除原窗体顶部,原先的顶部操作栏就没有了,需要自定义配置。

    6.7K41发布于 2020-01-10
  • 来自专栏h5

    Electron跨平台仿QQ|vue3+electron+antdv聊天应用

    今分享一个最新开发的electron跨端聊天应用。 pp3.gif 基本实现了发送图文消息、图片/视频/链接预览、拖拽发送图片、截图及朋友圈等功能。 p4.gif 框架技术 vue3全家桶:vue3.0+vuex4+vue-router@4 electron框架:electron11.2.3 打包工具:vue-cli-plugin-electron-builde n.sohucs.gif electron自定义无边框导航菜单 为了让项目UI更加美观,大家可以选择在创建窗口的时候去掉系统边框,自定义拖拽区域。 electron-builder打包配置 创建vue3项目的时候,根目录会有一个vue.config.js配置文件。可用来进行一些项目配置和electron打包配置。 image.png ending,基于vue3.x+electron开发聊天软件就分享到这里。希望对大家有些帮助! .mp.itc.gif

    3.3K00发布于 2021-02-27
  • 来自专栏h5

    deepseek-electron基于Electron35+Vue3.5仿deepseek豆包ai客户端助手

    2025跨平台ai实战-Electron35+Vite6对接DeepSeek-V3聊天模型搭建客户端AI聊天助手。 Electron-DeepChat支持流式stream输出、暗黑+亮色主题、代码高亮等功能。 使用技术技术框架:vite^6.2.0+vue^3.5.13+vue-router^4.5.0大模型ai框架:DeepSeek-V3-0324 + OpenAI跨平台框架:electron^35.1.2 size="18" /> </a-button>

    </template>热文推荐DeepSeek-Vue3基于vite6+vant4仿deepseek +vue3 setup桌面端Exe聊天系统flutter3_window_chat仿微信桌面端聊天实战

92920编辑于 2025-04-19
  • 来自专栏前端开发随笔

    Electron处理electron:build打包问题

    执行electron:build会出现这个问题 是因为打包时会检测cache中是否有electron 包,如果没有的话会从github上拉去, 国内网络环境中拉取的过程大概率会失败 解决 在项目根目录新增 .npmrc文件 写入 ELECTRON_MIRROR=https://npm.taobao.org/mirrors/electron/ 重新打包就没问题

    2.7K10发布于 2021-11-24
  • 来自专栏CY

    Electron

    Electron .npmrc 安装electron依赖经常会不成功 在项目目录下创建.npmrc文件,设置镜像地址 npm config set strict-ssl false registry =https://registry.npmmirror.com electron-mirror=https://registry.npmmirror.com/mirrors/electron/ 热更新/ 热加载 方案一 安装:npm install electron-reloader --save-dev 在主进程 js 文件 try { require("electron-reloader")(module 再次运行npm run start,仅当index.js内容变化时,就会自动重新执行electron .来重启应用 菜单栏与边框 app.on("ready", () => { mainWindow 在 Electron 中,借助 Tray 模块实现。 //app 模块,控制整个应用程序的事件生命周期。 //BrowserWindow 模块,它创建和管理程序的窗口。

    90620编辑于 2024-04-19
  • Electron——electron-vue使用webworker

    前言 electron-vue框架中,我们如何使用webworker,请看下文; worker-loader: https://v4.webpack.js.org/loaders/worker-loader

    44710编辑于 2024-08-15
  • 来自专栏编程三昧

    使用 electron-builder 打包 Electron 程序

    使用 electron-builder 打包 Electron 程序 [001] 前言 在将 Electron 代码开发完成后,如果想要投入生产环境,那就必须经过很关键的一步——打包。 今天就将 MacOS 上使用 electron-builder 打包 Electron 应用的过程做一个记录。 调试 Electron 主进程代码》中用到的 electron-quick-start 目录 打包步骤 1.安装 electron-builder mkdir electron-builde cd electron-builde yarn init -y yarn add electron-builder -D 这里建议将 electron-builder 安装在单独的目录,方便复用。 /electron-builder/node_modules/.bin/electron-builder • electron-builder version=22.14.5 os=19.6.0

    3.4K20编辑于 2022-01-20
  • 来自专栏小吕

    浅谈electron

    一个 Electron 应用有且只有一个主进程。并且创建窗口等所有系统事件都要在主进程中进行。 使用Electron的API Electron 在主进程和渲染进程中提供了大量 API 去帮助开发桌面应用程序, 在主进程和渲染进程中,可以通过require() 方法将其包含在模块中,以此获取 Electron 引入 electron: const electron = require('electron'); 所有 Electron 的 API 都被指派给一种进程类型。 Electron 中的窗口是使用 BrowserWindow 类型创建的一个实例, 它只能在主进程中使用,如下所示: const { BrowserWindow } = require('electron 这个帮助函数可以使你获得指向系统目录的文件路径,如用户的桌面、系统临时文件 等等 electron - vue https://simulatedgreg.gitbooks.io/electron-vue

    2.9K20编辑于 2022-06-15
  • 来自专栏企鹅号快讯

    来仿一仿retrofit

    这篇博客我们来仿一个最近很火的Android网络框架的二次封装-retrofit(这个名字真难记)。新项目的名字我们起个简单的-glin。 如何使用 因为我们是仿retrofit,所以用法上肯定和retrofit大致相同,首先是配置。

    1.3K90发布于 2018-01-09
  • 来自专栏前端开发随笔

    Electron使用electron-updater自动更新

    electron-updater官方文档 安装electron-log是为了方便本地调试 yarn add electron-updater yarn add electron-log 版本号是根据你的 : 'http://update.xxx.com' 新建一个updater.js,对更新文件进行单独封装 与background.js同级 import { autoUpdater } from "electron-updater " const { dialog, BrowserWindow } = require('electron') const log = require("electron-log") autoUpdater.logger /div> </template> <script setup> import { onMounted, ref } from 'vue'; import { ipcRenderer } from 'electron position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } </style> electron-log

    5.3K10编辑于 2021-12-28
  • 来自专栏一番码客

    electron概述

    http://efonfighting.imwork.net 本文目录: 概述优点:缺点与 Python 前后台的构架对比:环境搭建第一个 electron 程序参考文档 概述 Electron 是基于 由于 VScode 的带动, 基于 Electron 的应用越来越多, 同时 nodejs 社区也持续的活跃. ? production windows-build-tools ● 从 https://code.visualstudio.com/download 下载安装 VScode, 作为开发 IDE 第一个 electron 程序 最简Demo 参考官方文档: https://electronjs.org/docs/tutorial/first-app 一 个 最 简 的 electron 程 序 , 由 package.json

    2.2K30发布于 2019-11-14
  • 来自专栏友儿

    electron 通知

    // 主进程 main.js const { app, BrowserWindow, Notification } = require('electron') app.on('ready', () =

    67610编辑于 2024-03-27
  • 来自专栏码客

    Electron启程

    前言 Electron 可以让你使用纯 JavaScript 调用丰富的原生(操作系统) APIs 来创造桌面应用。 这不意味着 Electron 是某个图形用户界面(GUI)库的 JavaScript 版本。 起步 git clone https://github.com/electron/electron-quick-start cd electron-quick-start npm install npm 一个 Electron 应用总是有且只有一个主进程。 每个 Electron 中的 web 页面运行在它自己的渲染进程中。 主进程管理所有的web页面和它们对应的渲染进程。 分别有以下几种解决方案: 方式一: 使用 Electron 官方论坛提供的方法,改变require的写法。

    6.3K30发布于 2019-10-21
  • 来自专栏pandacode_cn

    Electron 打包

    # electron-packager 打包 命令说明: electron-packager <location of project> <name of project> <platform> <architecture > <electron version> <optional options> location of project:项目所在路径 name of project:打包的项目名字 platform: architecture:决定了使用 x86 还是 x64 还是两个架构都用 (x64,ia32) electron version:electron 的版本 optional options:可选选项 例: electron-packager ./ pandacode --platform=mas --arch=x64 --overwrite

    1.8K10编辑于 2021-12-17
  • 初识 Electron

    什么是 Electron ? # 克隆示例项目的仓库 git clone https://github.com/electron/electron-quick-start # 进入这个仓库 cd electron-quick-start Electron 的基础特性和使用方法。 ELectron 进程 Electron 的底层是基于 Chromium 而设计的,故有且只有一个主进程 Main Process 和多个渲染进程 Renderer Process,主进程 Main Process 当 main.js 文件修改时,我们都需要关闭当前 electron .

    2.1K82发布于 2020-06-16
  • 来自专栏pandacode_cn

    Electron 介绍

    # 快速入门 本指南将会通过使用Electron创建一个极简的 Hello World 应用一步步的带你了解,该应用与electron/electron-quick-start (opens new npm Yarn mkdir my-electron-app && cd my-electron-app yarn init init初始化命令会提示您在项目初始化配置中设置一些值 为本教程的目的,有几条规则需要遵循 npm Yarn yarn add --dev electron 注意:如果您在安装 Electron 时遇到任何问题,请 参见 高级安装 (opens new window) 指南。 command 注意:此脚本将告诉 Electron 在您项目根目录运行 此时,您的应用将立即抛出一个错误提示您它无法找到要运行的应用 # 运行主进程 任何 Electron 应用程序的入口都是 main electron -g 使用cnpm安装electron-packager cnpm install electron-packager -g

    3.4K10编辑于 2021-12-17
  • 来自专栏h5

    Electron38+Vite7+Pinia3+ElementPlus客户端聊天程序

    ​2025全新原创研发vite7.1+electron38+vue3 setup+element-plus仿微信电脑端聊天Exe。 研发组', content: 'Electron38+Vite7仿微信客户端聊天。' 研发组', content: 'Electron38+Vite7仿微信客户端聊天。' +bitsdojo_window客户端聊天Exe自研新版Flutter3.32仿微信app聊天|朋友圈模板基于uni-app+vue3实战短视频+聊天+直播app商城基于uniapp+deepseek+ vue3跨平台ai流式对话electron35+deepseek桌面端ai模板vue3.5+deepseek网页版ai流式对话flutter3.27+getx仿抖音app短视频商城Electron32桌面端

    63210编辑于 2025-09-13
  • 来自专栏h5

    electron41 x react19桌面端聊天应用解决方案

    经过两周高强度研发,最新版Electron41+React19+ArcoDesign+Zustand5从0-1仿微信/QQ界面客户端聊天系统解决方案。 electron41-react-wechat电脑端聊天应用使用最新跨平台框架Electron41.1整合React19.2搭建项目模板。 arcoDesign网页端webOS桌面框架自研Vite8+NaiveUI+Vue3+Echarts后台管理系统全新研发Flutter3.41桌面版OS系统最新款flutter3.41 & dart3.11仿写抖音 AI助手electron38-vite7-vue3os电脑端os管理系统 最新版electron38-vite7-admin电脑端中后台管理系统 Electron38+Vite7+Pinia3+ElementPlus -osadmin手机版后台管理系统 最新研发uniapp+vue3仿微信app聊天模板 基于uni-app+vue3实战短视频+聊天+直播app商城

    19510编辑于 2026-08-16
  • 来自专栏h5

    electron41+react19+arco桌面版os系统

    以上就是electron41+react19实战桌面端os系统的一些项目分享,感谢大家的阅读与支持~Electron-React19-WinChat聊天系统|react+electron客户端聊天程序ExeReact19 +Arco+Zustand仿macOS风格webOS桌面系统electron38-vite7-vue3os电脑端os管理系统 最新版electron38-vite7-admin电脑端中后台管理系统 Electron38 +Vite7+Pinia3+ElementPlus客户端聊天程序 基于React19+Arco+Zustand5接入DeepSeek-V4网页版仿豆包/Kimi流式AI系统Vite8.0+Vue3.5+ arcoDesign网页端webOS桌面框架自研Vite8+NaiveUI+Vue3+Echarts后台管理系统全新研发Flutter3.41桌面版OS系统最新款flutter3.41 & dart3.11仿写抖音 AI助手基于tauri2.8+vite7+vue3+element-plus仿QQ/微信聊天应用 tauri2.9-vite7-vue3admin客户端后台系统管理Exe模板

    6110编辑于 2026-09-24
  • 来自专栏h5

    Electron41+React19+Antd桌面版后台管理Exe系统

    Electron-React19-WinChat聊天系统|react+electron客户端聊天程序ExeReact19+Arco+Zustand仿macOS风格webOS桌面系统electron38- 基于React19+Arco+Zustand5接入DeepSeek-V4网页版仿豆包/Kimi流式AI系统Vite8.0+Vue3.5+Arco深度对接DeepSeek网页版AI智能助手uni-app+ arcoDesign网页端webOS桌面框架自研Vite8+NaiveUI+Vue3+Echarts后台管理系统全新研发Flutter3.41桌面版OS系统最新款flutter3.41 & dart3.11仿写抖音 AI助手基于tauri2.8+vite7+vue3+element-plus仿QQ/微信聊天应用 tauri2.9-vite7-vue3admin客户端后台系统管理Exe模板 最新原创uniapp-vue3 -osadmin手机版后台管理系统 最新研发uniapp+vue3仿微信app聊天模板

    13520编辑于 2026-09-10
  • 领券