本地桌面客户端入门开发-云帆数科

1、Electron框架官网地址简介 | Electron2、创建项目并安装依赖mkdir my-electron-app cd my-electron-app npm init -y npm install electron electron-builder --save-dev3. 项目结构my-electron-app/ ├── package.json ├── main.js └── index.html4. 写主进程main.jsconst { app, BrowserWindow } require(electron); const path require(path); function createWindow() { const win new BrowserWindow({ width: 800, height: 600, webPreferences: { nodeIntegration: false, contextIsolation: true } }); win.loadFile(index.html); } app.whenReady().then(createWindow); app.on(window-all-closed, () { if (process.platform ! darwin) app.quit(); });5、写页面index.html!DOCTYPE html html head meta charsetUTF-8 / titleMy Electron App/title /head body h1Hello Electron/h1 p这是一个最简单的 Electron 桌面应用。/p /body /html6、配置package.json把package.json改成这样{ name: my-electron-app, version: 1.0.0, main: main.js, scripts: { start: electron ., dist: electron-builder }, build: { appId: com.example.myapp, productName: MyApp, directories: { output: dist }, files: [ main.js, index.html ], win: { target: nsis }, mac: { target: dmg }, linux: { target: AppImage } }, devDependencies: { electron: ^33.0.0, electron-builder: ^24.6.0 } }这里build字段就是electron-builder的打包配置。7. 本地运行npm start如果能看到一个窗口里面显示Hello Electron说明应用已经可以跑起来了。8. 生成安装包在 Windows 上执行npm run dist打包完成后会在dist/目录里生成类似dist/ ├── win-unpacked/ └── MyApp Setup 1.0.0.exe这个.exe就是安装包。8.1 几个小提示如果你在Windows上跑electron-builder默认会生成 Windows 安装包。如果你在macOS上跑会生成.dmg。想只打 Windows 包可以用npx electron-builder --win图标可以先不加如果需要自定义图标再准备icon.ico/icon.icns并在build.win.icon、build.mac.icon里配置。8.2 配置国内镜像源electron-builder打包时要从 GitHub 下载 Electron 二进制包和 NSIS 安装包工具国内直连经常超时。可以通过配置国内镜像提高速度在项目根目录my-electron-app/下新建.npmrc文件内容electron_mirrorhttps://npmmirror.com/mirrors/electron/ electron_builder_binaries_mirrorhttps://npmmirror.com/mirrors/electron-builder-binaries/8.3 生成效果

企业数字化 ERP 产品动态

相关推荐

程序崩了不要慌！Python 异常处理从 try-except 到自定义异常，老哥给你兜底

Python 是解释型语言，运行到哪才检查到哪。所以程序报错不丢人，怎么兜住错误让程序继续跑才是本事。Python 有两类错误：语法错误和异常。语法错误：程序解析时遇到的，如 while True print(1) 少了冒号 → SyntaxError&a… · 2026/11/4 2:30:14

SVN记录

SVN工程的IP存在修改，然后SVN up失败，如何快速修改本地文件指向的SVN工程？当 SVN 服务器的 IP 地址发生变更后，本地工作副本仍指向旧地址，会导致 svn update 失败。要快速将本地项目重新指向新的 SVN 工程，最推荐且无损的方式是使用** Relocate（重新定位） **功能。以… · 2026/11/4 2:29:14

〖AI物流落地 04〗跨境集装箱数字孪生：3D装载图、遮挡补全与海关查验的工程实现

一、传统装箱是“黑箱”，查验是“大海捞针”跨境集装箱装载有一个长期存在的物理盲区：货物装入集装箱后，箱内空间对所有人都是不可见的。工人凭经验堆叠，装箱图示与实际工况脱节；海关查验时，如果需要对某个… · 2026/11/4 2:29:14

渗透测试工程师成长指南：从基础到实战

1. 渗透测试行业的真实挑战作为一名从业多年的网络安全工程师，我见过太多怀揣黑客梦想的年轻人，在接触渗透测试后迅速被现实击垮。这个行业远没有影视作品中那么光鲜亮丽，背后是无数个熬夜研究漏洞的夜晚和持续不断的学习压力。1.1 技术门槛&… · 2026/11/4 3:25:24

PostgreSQL慢SQL排查与优化实战指南

1. 慢SQL问题排查的必要性数据库性能问题就像汽车发动机的积碳——平时感觉不到，一旦爆发就会让整个系统瘫痪。作为PostgreSQL DBA，我处理过上百个慢SQL案例，其中80%的生产事故都是由于未被及时发现的问题SQL逐渐累积导致的。上周刚处理过一个… · 2026/11/4 3:25:24

多目标跟踪实战：检测、预测与匹配的工程取舍

简介：这份资源面向计算机视觉与信号处理方向的学习者，聚焦多目标跟踪（MTT）在MATLAB环境下的实现，适合希望从目标检测、状态估计到数据关联完整走通一遍流程的初中级读者。压缩包共3个文件，以m脚本、avi视频… · 2026/11/4 3:25:24

PostgreSQL慢SQL问题排查与优化实战指南

1. 慢SQL问题排查的必要性上周五凌晨两点，我被一阵急促的电话铃声惊醒。运维同事告诉我生产环境的订单查询接口响应时间从200ms飙升到15秒，用户投诉已经塞满了客服系统。当我连上服务器查看pg_stat_activity视图时，发现有个查询已经运行了8分… · 2026/11/4 3:25:24

Unity等距解谜工程拆解：旋转、路径重算与二次开发实战

简介：这份资源是面向Unity初学者与进阶开发者的《纪念碑谷》风格解谜游戏完整工程，基于Unity 2017.3版本构建，可用于学习2D与3D图形结合、场景搭建、资源管理与C#脚本逻辑等核心开发技能。压缩包共254个文件，约2.61MB，… · 2026/11/4 3:25:24

全屏歌词动画实现指南：Folia内置模式解析与性能调优

全屏歌词动画这件事，很多人第一反应是"不就是把歌词放大铺满屏幕吗"。真上手做过一轮就知道，同样是全屏，有的方案歌词一放大就糊成一片，有的动效一跑起来帧率直接腰斩，还有的在不同分辨率屏幕上位置全乱。我… · 2026/11/4 3:24:24

双极步进电机控制实战：DRV8818PWPR与PIC18F86K22驱动调试

/* MD / 富文本中的 .toc（含博客园搬家等嵌套结构）；.toc-box 在侧栏，不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p（:empty 仍占 20px），一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views … · 2026/11/4 3:16:49