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等)
相关推荐
木易 士心3 分钟前
CSS 中 `data-status` 的使用详解
前端·css
明月与玄武6 分钟前
前端缓存战争:回车与刷新按钮的终极对决!
前端·缓存·回车 vs 点击刷新
牧马少女16 分钟前
css 画一个圆角渐变色边框
前端·css
zy happy39 分钟前
RuoyiApp 在vuex,state存储nickname vue2
前端·javascript·小程序·uni-app·vue·ruoyi
小雨青年1 小时前
Cursor 项目实战:AI播客策划助手(二)—— 多轮交互打磨播客文案的技术实现与实践
前端·人工智能·状态模式·交互
Nan_Shu_6141 小时前
学习:JavaScript(5)
开发语言·javascript·学习
533_1 小时前
[vue3] h函数,阻止事件冒泡
javascript·vue.js·elementui
通往曙光的路上1 小时前
day22_用户授权 头像上传
javascript·vue.js·ecmascript
小光学长1 小时前
基于Vue的儿童手工创意店管理系统as8celp7(程序+源码+数据库+调试部署+开发环境)带论文文档1万字以上,文末可获取,系统界面在最后面。
前端·数据库·vue.js
meichaoWen1 小时前
【Vue】Vue框架的基础知识强化
前端·javascript·vue.js