electron 入门教程
💡
原文中文，约10100字，阅读约需24分钟。
📝
内容提要
Electron是一个使用JavaScript、HTML和CSS构建桌面应用程序的跨平台框架。本文介绍了Electron的安装和使用方法，包括创建窗口、预加载脚本、进程间通信和打包分发应用程序等。
🎯
关键要点
-
Electron是一个使用JavaScript、HTML和CSS构建桌面应用程序的跨平台框架。
-
安装Electron的命令是npm install --save-dev electron。
-
可以通过设置镜像源来解决安装依赖的问题。
-
创建第一个应用程序需要创建index.html和index.js文件。
-
BrowserWindow用于创建和管理应用窗口。
-
使用npm run start命令启动项目。
-
预加载脚本在渲染进程加载网页之前注入，提供有限的Node.js和Electron API访问权限。
-
通过contextBridge可以将特定的功能暴露给渲染进程。
-
进程间通信（IPC）允许主进程和渲染进程之间进行消息传递。
-
ipcRenderer和ipcMain模块用于实现进程间通信。
-
可以使用webContents模块从主进程向渲染进程发送消息。
-
Electron Forge是用于打包和分发Electron应用程序的工具。
-
使用npm install --save-dev @electron-forge/cli @electron/fuses @electron-forge/plugin-fuses安装依赖。
-
运行npm run make命令生成可分发文件。
➡️
