electron-egg 如何把任意网站变成桌面软件

以前,开发一个桌面软件要花费大量的人力和时间。现在随着Electron的出现,大大简化了开发门槛。今天,给大家介绍一个工具,让你5分钟之内就把一个网站变成一个可安装的桌面软件。

所需工具

electron-egg是一个简单、快速、功能丰富的跨平台桌面软件开发框架。
electron-egg官网

🚐 2. vue、react、angular、web 转换成桌面软件

  • 🚙 vue-ant-design(本地)

  • 🚙 禅道项目管理(web项目地址)

一、拷贝代码

bash 复制代码
    git clone https://gitee.com/longjun168/electron-egg.git

一、安装

bash 复制代码
    # 提升安装速度,使用国内镜像
    npm config set registry https://registry.npm.taobao.org
    # 进入目录 ./electron-egg/
    npm install

一、配置网站

bash 复制代码
    # 编辑文件 
    ./electron/config.js
    # 配置网站地址
    remoteUrl: {
        enable: true, // 启用:true
        url: 'https://discuz.chat/' // 任意网址
    }

一、打包成可执行程序(windows、macOS、linux)全都支持

bash 复制代码
# 打包 (windows版本)
    npm run build-w (32位)
    npm run build-w-64 (64位)

    # 打包 (mac版本)
    npm run build-m
    npm run build-m-arm64 (m1芯片架构)

    # 打包 (linux版本)
    npm run build-l

五、安装包在这里

bash 复制代码
 ./out/安装包.exe (dmg、dep等)
相关推荐
灵感__idea6 小时前
Hello 算法:让前端人真正理解算法
前端·javascript·算法
向葭奔赴♡6 小时前
CSS是什么?—— 网页的“化妆师”
前端·css
黑犬mo6 小时前
在Edge、Chrome浏览器上安装uBlock Origin插件
前端·edge
excel6 小时前
🧩 Vue 3 watch 源码详解(含完整注释)
前端·javascript·vue.js
大前端helloworld6 小时前
前端梳理体系从常问问题去完善-网络篇
前端·面试
excel6 小时前
🌿 一文看懂 Vue 3 的 watch 源码:从原理到流程
前端
繁依Fanyi7 小时前
让工具说话:我在 Inspira Board 里用 AI 把“能用、好用、可复用”落成了日常
前端
weixin_456904278 小时前
C# 中的回调函数
java·前端·c#
kura_tsuki8 小时前
[Web网页] LAMP 架构与环境搭建
前端·架构
yinuo9 小时前
UniApp+Vue3多分包引入同一 npm 库被重复打包至 vendor 的问题分析与解决
前端