🚀 本篇内容我们将正式开始我们的 Electron 学习之旅。在第一篇中我们已经对 Electron 有了初步了解，现在让我们动手创建第一个 Electron 应用吧！🎉
🛠️ 首先，我们需要安装 Electron。打开你的终端，运行以下命令来创建一个新的项目目录，并初始化 npm：
```bash
mkdir my-electron-app
cd my-electron-app
npm init -y
```
🔧 接下来，安装 Electron 作为开发依赖项：
```bash
npm install electron --save-dev
```
💡 创建一个名为 `main.js` 的文件，这是 Electron 应用的主进程文件。在这个文件中，我们将设置基本的应用结构：
```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()
}
})
```
🌐 最后，别忘了创建一个简单的 HTML 文件 `index.html`，它将作为应用的界面：
```html
Hello, Electron!
```
🏁 运行你的应用，只需在 `package.json` 中添加一个启动脚本：
```json
"scripts": {
"start": "electron ."
}
```
然后，在终端中运行 `npm start`，你将看到一个带有 "Hello, Electron!" 标题的窗口！🎊
希望这篇教程对你有所帮助，下一篇文章我们将探索更多高级功能。