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等)
相关推荐
中微子1 小时前
React状态管理最佳实践
前端
烛阴1 小时前
void 0 的奥秘:解锁 JavaScript 中 undefined 的正确打开方式
前端·javascript
中微子1 小时前
JavaScript 事件与 React 合成事件完全指南:从入门到精通
前端
Hexene...1 小时前
【前端Vue】如何实现echarts图表根据父元素宽度自适应大小
前端·vue.js·echarts
初遇你时动了情1 小时前
腾讯地图 vue3 使用 封装 地图组件
javascript·vue.js·腾讯地图
dssxyz2 小时前
uniapp打包微信小程序主包过大问题_uniapp 微信小程序时主包太大和vendor.js过大
javascript·微信小程序·uni-app
天天扭码2 小时前
《很全面的前端面试题》——HTML篇
前端·面试·html
xw52 小时前
我犯了错,我于是为我的uni-app项目引入环境标志
前端·uni-app
!win !2 小时前
被老板怼后,我为uni-app项目引入环境标志
前端·小程序·uni-app
Burt2 小时前
tsdown vs tsup, 豆包回答一坨屎,还是google AI厉害
前端