electron-egg: 一个入门简单、跨平台、企业级桌面软件开发框架

在尝试安装微信到FreeBSD系统的时候，接触到了electron，感觉这个东西真是一个非常棒的跨平台的东西，比如vscode就是基于electron的。它也许要比flutter好吧，关键electron这个东西可以在FreeBSD下运行。

官网：electron-egg: 一个入门简单、跨平台、企业级桌面软件开发框架。

文档：安装 | electron-egg

使用electron

安装electron

FreeBSD ports里面有，这样安装就很方便了，可以ports编译安装，可以pkg直接安装，也可以git下载代码编译安装。pkg安装又快又方便：

pkg install electron28

 Ubunut下命令是：

 使用

直接执行electron28 即可启动，下面图为electron29的界面：

按照提示，直接命令后面跟electron的软件即可，如微信目录在/work/weixin ，那么启动微信的命令就是：electron29  /work/weixin

安装electron-egg

Electron是一个使用 JavaScript、HTML 和 CSS 构建桌面应用程序的框架。 嵌入 Chromium 和 Node.js 到 二进制的 Electron 允许您保持一个 JavaScript 代码代码库并创建 在Windows上运行的跨平台应用 macOS和Linux——不需要本地开发 经验。

下载electron-egg

# gitee
git clone https://gitee.com/dromara/electron-egg.git

# github
git clone https://github.com/dromara/electron-egg.git

安装

# 进入目录 ./electron-egg/
npm install

# 如果还是提示 electron 没安装，进入 node_modules/electron 目录下，再npm install

快速开始

开发者模式

安装依赖

# 根目录，安装 electron 依赖
npm i

# 进入【前端目录】安装 frontend 依赖
cd frontend 
npm i

启动方式一

ee-bin: v1.2.0

ee-core: v2.5.0

配置 package.json

  "scripts": {
    "dev": "ee-bin dev",
    "dev-frontend": "ee-bin dev --serve=frontend",
    "dev-electron": "ee-bin dev --serve=electron",
    "start": "ee-bin start",
    "build-frontend": "ee-bin build",
  }

• 同时启动 frontend (UI) 、electron 两个服务。

npm run dev

• 分开启动 frontend (UI) 、electron

# 打开两个终端
npm run dev-frontend

npm run dev-electron

• 构建前端资源。

npm run build-frontend