Electron是一个流行的跨平台桌面应用程序开发框架，它基于Web技术栈（HTML、CSS和JavaScript），允许开发者使用这些前端技术构建桌面应用程序。本文将手把手教你如何使用Electron编写一个完整实用的案例，并提供相应的源代码。
案例介绍
我们将创建一个简单的桌面便签应用程序。该应用程序允许用户创建、编辑和保存文本便签，并在桌面上显示它们。
步骤1：环境设置
首先，确保你已经安装了Node.js和npm（Node包管理器）。你可以从官方网站（https://nodejs.org）下载并安装它们。
步骤2：创建Electron项目
在你的项目文件夹中打开终端，并执行以下命令来初始化一个新的Electron项目：
npm init -y
这将创建一个默认的package.json文件，其中包含了你的项目的配置信息。
步骤3：安装Electron
在终端中执行以下命令来安装Electron：
npm install electron
这将在你的项目中安装Electron依赖项。
步骤4：创建主文件
在你的项目文件夹中创建一个名为main.js的文件，并将以下代码复制到该文件中：
const {
app, BrowserWindow } = require('electron');
function createWindow() {
const win = new BrowserWindow({
width: 800,
height: 600,
webPreferences: {
nodeIntegration: true
}
});
win.loadFile('index.html');
}
app.whenReady().then(createWindow);
这段代码定义了一个创建Electron窗口的函数createWindow，并在应用程序准备就绪时调用它。窗口的初始大小为800x600，并加载了一个名为index.html的文件。
步骤5：创建HTML文件
在你的项目文件夹中创建一个名为index.html的文件，并将以下代码复制到该文件中：
<!DOCTYPE html>
<html>
<head
最低0.47元/天 解锁文章
3232
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
