🚀 引言 🚀

在这个数字化的时代，想要构建跨平台的应用程序变得越来越重要。Electron 作为一个强大的框架，让我们可以使用 JavaScript, HTML 和 CSS 来创建桌面应用。今天，我们将一起探索如何使用 Electron 构建一个简单的 "Hello World" 应用。这不仅是一个技术上的小挑战，更是了解 Electron 的绝佳入门方式。

🛠️ 准备工作 🛠️

在开始之前，请确保你已经安装了 Node.js 和 npm（Node 包管理器）。接下来，打开终端或命令提示符，运行 `npm init` 创建一个新的项目，并安装 Electron。只需执行以下命令：

```

npm install electron --save-dev

```

🛠️ 编写代码 🛠️

现在，让我们来编写我们的第一个 Electron 应用。首先，创建一个名为 `main.js` 的文件，并添加以下

```javascript

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)

app.on('window-all-closed', () => {

if (process.platform !== 'darwin') {

app.quit()

}

})

app.on('activate', () => {

if (BrowserWindow.getAllWindows().length === 0) {

createWindow()

}

})

```

接着，创建一个 `index.html` 文件，并写入以下

```html

Hello World!

```

💡 运行应用 💡

最后一步，回到终端，运行以下命令启动你的 Electron 应用：

```

npx electron .

```

🎉 结论 🎉

恭喜！你刚刚创建了一个简单的 Electron 应用，显示了 "Hello World!"。这只是开始，随着你对 Electron 框架的深入学习，你可以创建更加复杂和功能丰富的应用程序。希望这次旅程能激发你进一步探索的兴趣！