十分钟做一个electron应用

我心飞翔 分类:javascript

Electron 是一个能让你使用 JavaScript, HTML 和 CSS 来创建桌面应用程序的框架。 这些应用程序可以打包后在 macOS、Windows 和 Linux 上直接运行,或者通过 Mac App Store 或微软商店进行分发。

安装electron-forge

Electron Forge 是一个用来构建现代化Electron应用的完善的工具。

yarn add global electron-forge

创建项目

electron-forge init my-electron-project

或者在现有空目录下

electron-forge init .

或者在已有的electron项目下

electron-forge import

启动

yarn start

image.png

构建

yarn make

开发

Electron 有两种进程:主进程和渲染进程

src/index.js 是整个应用唯一的主进程入口,它可以通过 BrowserWindow 创建页面窗口,一个页面对应了一个渲染进程

const mainWindow = new BrowserWindow({
    width: 800,
    height: 600,
});
 

BrowserWindow 的实例加载 src/index.html 作为页面显示

mainWindow.loadFile(path.join(__dirname, 'index.html'));
 

如果需要调用本地文件操作功能,可调用主进程进行 fs 文件操作

回复

我来回复
  • 暂无回复内容