Electron打包前端和后端为exe

发布于:2025-06-06 ⋅ 阅读:(28) ⋅ 点赞:(0)

什么是Electron?

Electron是GitHub开发的一个开源框架。它通过使用Node.js和Chromium的渲染引擎完成跨平台的桌面GUI应用程序的开发。
Electron现已被多个开源Web应用程序用于前端与后端的开发,著名项目包括GitHub的Atom和微软的Visual Studio Code。
Electron是大前端的重要组成部分。

安装electron

过程比较曲折,试了好几次都没成功。

要安装的内容:
electron
electron-packager

过程

设置为国内镜像,会加速包的安装速度。
npm config set registry https://registry.npmmirror.com/ # 这个地址是对的
npm config set registry https://registry.npm.taobao.org/ # 这个地址也是对的(二选一即可)

其他

git项目地址

开源项目为electron-quick-start,以下是git地址。

https://github.com/electron/electron-quick-start # github有时不通
https://gitee.com/izhuooo/electron-quick-start  # gitee版,可用

项目里面提供了模板,改吧改吧就能用了。

npm官网electron页面:
https://www.npmjs.com/package/electron

比较好的文章

使用Electron打包JavaSpringboot项目为exe文件(含electron-builder下载出错解决方案)

electron的替代品

electron目前仍然是个活跃的项目,但是一些大公司考虑用更好的工具替代它。
1、WhatsApp。
已经弃用基于Electron的桌面应用程序,转而推出原生版本‌
2、Microsoft Teams。
由于性能问题,微软决定放弃Electron,转而使用自己的 Edge WebView2渲染引擎 ‌

安装报错 npm ERR! request to https://registry.npm.taobao.org/electron failed, reason: certificate has expired

看上去像是镜像源不对,换个试下。

安装提示 npm WARN deprecated boolean@3.2.0: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

说是不在支持了。

装完报错 Error: Cannot find module ‘C:\Users\PC\AppData\Roaming\npm\node_modules\electron\cli.js’

详细报错:

Error: Cannot find module 'C:\Users\PC\AppData\Roaming\npm\node_modules\electron\cli.js'   
    at Module._resolveFilename (node:internal/modules/cjs/loader:1144:15)

装了半天,electron -v查看版本的时候居然报这个错。


网站公告

今日签到

点亮在社区的每一天
去签到