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等)
相关推荐
哟哟耶耶2 小时前
React-04React组件状态(state),构造器初始化state以及数据读取,添加点击事件并更改state状态值
前端·javascript·react.js
kiramario2 小时前
用IconContext.Provider修改react-icons的icon样式
前端·javascript·react.js
destinyol2 小时前
React首页加载速度优化
前端·javascript·react.js·webpack·前端框架
程序员小续2 小时前
React 多个 HOC 嵌套太深,会带来哪些隐患?
java·前端·javascript·vue.js·python·react.js·webpack
大猫会长2 小时前
用AbortController取消事件绑定
前端
程序员小杰@3 小时前
AI前端组件库Ant DesIgn X
开发语言·前端·人工智能
致微3 小时前
Vue项目 bug 解决
前端·vue.js·bug
慕斯策划一场流浪4 小时前
fastGPT—nextjs—mongoose—团队管理之部门相关api接口实现
前端·javascript·html·fastgpt部门创建·fastgpt团队管理·fastgpt部门成员更新·fastgpt部门成员创建
我自纵横20235 小时前
事件处理程序
开发语言·前端·javascript·css·json·ecmascript
坊钰5 小时前
【MySQL 数据库】数据类型
java·开发语言·前端·数据库·学习·mysql·html