Electron 从0到1
category
Web
date
Jul 26, 2023
icon
slug
electron-intro
status
Published
summary
tags
Electron
type
Post
简介
Electron是一个使用 JavaScript、HTML 和 CSS 构建桌面应用程序的框架。 嵌入 Chromium 和 Node.js 到 二进制的 Electron 允许您保持一个 JavaScript 代码代码库并创建 在Windows上运行的跨平台应用 macOS和Linux——不需要本地开发 经验。
使用
安装Electron
添加命令
所使用页面
index.html主进程
app模块,它控制应用程序的事件生命周期。
BrowserWindow模块,它创建和管理应用程序 窗口。
main.js
生命周期
预加载脚本
preload.js
修改
main.js运行
接着你就会看到Electron创建的程序
打包
最快捷的打包方式是使用 Electron Forge
- 将 Electron Forge 添加到您应用的开发依赖中,并使用其"import"命令设置 Forge 的脚手架:
- 使用 Forge 的
make命令来创建可分发的应用程序:
接着你就会在
out 目录下找到软件包打包就大功告成了🎉🎉🎉