在package.json里加一句"main": "src/main.js",, main.js是electron的启动脚本,在这里创建了一个窗口并加载页面。 在scripts里加一句"electron": "electron ." 哦,我们还没安装electron呢,现在来安装它: npm install electron --save-dev 注意:别用cnpm安装,不然打包的时候会卡在那里不动,切记。 好了,我们先...
• 7.1 通过国内镜像加速安装Electron • 7.2 配置Electron • 7.3 启动Electron dev热更新模式 • 7.4 禁止开发环境启动时同时打开浏览器 8 主进程与渲染进程通信方法一:send与on/once • 8.1 主进程开发 • 8.2 preload.js开发 • 8.3 入口文件配置 • 8.4 渲染进程开发 • 8.5 打开Electron的De...
{"name":"electron_gui","version":"1.0.0","description":"","main":"main.js",// 入口文件"scripts": {"test":"echo\"Error: no test specified\"&& exit 1","electron":"electron ."// 主electron 执行程序},"author":"","license":"ISC","dependencies": {"electron":"^19.0.5"} } 热...
$ npm run electron-dev // 终端2 electron界面应该就会展示出来,界面中显示的就是antd的demo内容。 render端使用electron模块 经过以上设置,界面内容已经可以正常展示并可以实时刷新,但还缺少了一个重要功能:electron模块,用以支持本地化操作。 配置的基本思路是,在electron启动过程中在window对象中设置webPreferences的p...
antd-pro 迁移到 electron —— 打包篇 上一篇讲到将antd pro的项目迁移到 electron 怎么开发,这几天又实践了打包的部分,继续补充完整。 一、安装 electron-builder 插件 # 安装依赖包并运行 npm install --save-dev electron-builder 也有用 electron-packager 进行打包的,两者配置方面有所不同,electron-builder ...
搭建Electron24+React18+Antd5架构工程的步骤主要包括以下四个方面：一、项目初始化 利用CreateReactApp快速搭建项目：确保使用最新版本，以快速启动React项目。 精简项目结构：仅保留核心依赖，去除不必要的包，以保持项目的轻量和高效。 配置Webpack：支持Sass、Scss、Less和Stylus等多种样式语言，以满足不...
"electron":"electron ."}, "main":"electron/main.js"} AI代码助手复制代码 4. 集成Ant Design 在Remix项目中集成Ant Design非常简单。首先,安装Ant Design依赖: npm install antd AI代码助手复制代码 然后,在app/root.tsx中引入Ant Design的样式:
Electron跨平台仿QQ|vue3+electron+antdv聊天应用 前言 此前有给大家分享一个vite2+vant3开发h5手机端小视频实例。今分享一个最新开发的electron跨端聊天应用。 基本实现了发送图文消息、图片/视频/链接预览、拖拽发送图片、截图及朋友圈等功能。 vue3-electronChat支持新开多个窗体、换肤等功能。
Vue3-ElectronQchat使用vue3.x+electron+antdv+v3layer等技术实现的一款跨桌面端仿制QQ界面聊天实例。可以支持新建多窗口模式、换肤等功能。 技术框架 编码器:VScode 使用技术:Vue3.0+Electron11.2.3+Vuex4+VueRouter@4 组件库:Ant-design-vue^2.0.0 (蚂蚁金服pc端vue3组件库) ...
四、主进程开发 4.1 API请求认证和统一错误处理 4.2 项目完整结构和Electron功能应用 4.3 结语：完整教程在公众号「卧梅又闻花」通过本文，你将掌握如何在最新技术栈下搭建高效、易维护的Electron应用，节省开发时间，避免走弯路。立即关注公众号获取完整教程，踏上你的开发之旅吧！