在本节中，我们收集了一些新手通用的功能示例，可以让你快速实现需要的 Electron 应用。 每个例子都包含一个简单的、自成一体的示例应用程序。 运行这些示例的最简单方法是下载 Electron Fiddle。
一旦安装了Fiddle，就可以按下 "Open in Fiddle"按钮，然后会在下面找到以下代码样本：
docs/fiddles/quick-start (32.1.2)Open in Fiddlemain.jspreload.jsindex.htmlconst { app, BrowserWindow } = require('electron/main')const path = require('node:path')function createWindow () { const win = new BrowserWindow({width: 800,height: 600,webPreferences: { preload: path.join(__dirname, 'preload.js')} }) win.loadFile('index.html')}app.whenReady().then(() => { createWindow() app.on('activate', () => {if (BrowserWindow.getAllWindows().length === 0) { createWindow()} })})app.on('window-all-closed', () => { if (process.platform !== 'darwin') {app.quit() }})window.addEventListener('DOMContentLoaded', () => { const replaceText = (selector, text) => {const element = document.getElementById(selector)if (element) element.innerText = text } for (const type of ['chrome', 'node', 'electron']) {replaceText(`${type}-version`, process.versions[type]) }})DOCTYPE html>Hello World!Hello World!We are using Node.js ,Chromium ,and Electron .How to...?你可以在边栏中找到各种 “How to？”的完整列表。 如果有任何你想知道的内容，但未被文档所记录，请加入我们的 Discord server 并让我们知道！