Web
🧭Electron 从0到1
00 分钟
2023-7-26
2023-7-28
type
status
date
slug
summary
tags
category
icon
password
Edited
Jul 28, 2023 03:10 PM
Created
Jul 28, 2023 02:59 PM

简介

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
  1. 将 Electron Forge 添加到您应用的开发依赖中，并使用其"import"命令设置 Forge 的脚手架：
  1. 使用 Forge 的 make 命令来创建可分发的应用程序：
接着你就会在 out 目录下找到软件包
 
打包就大功告成了🎉🎉🎉
 

参考链接

  1. 快速入门 | Electron (electronjs.org)
上一篇
React Native 从0到1
下一篇
实现一个小型打包工具
评论
Loading...