首页用electron写一段helloworld

用electron写一段helloworld

时间: 2023-04-06 19:02:48 浏览: 120

electron_express_helloWorld

Electron Express.js 你好世界首先确保您的系统上有 Node.js / npm。然后确保你的系统上有电子 npm install electron-prebuilt -g 入门： npm install 然后确保运行./node_modules/.bin/electron-rebuild 这将为您提供与电子的 node_module 兼容性，无论何时您调用 npm install 您都必须调用./node_modules/.bin/electron-rebuild 。

当然可以，以下是示例代码：在你的电脑上安装 Node.js 和 npm 后，打开终端，输入以下命令： ``` npm install electron --save-dev ``` 这会在你的项目中安装 Electron。然后，在你的项目文件夹中创建一个名为 main.js 的文件，输入以下代码： ```javascript const { app, BrowserWindow } = require('electron') function createWindow () { // 创建浏览器窗口 let win = new BrowserWindow({ width: 800, height: 600, webPreferences: { nodeIntegration: true } }) // 加载 index.html 文件 win.loadFile('index.html') } // Electron 初始化完成后执行 app.whenReady().then(() => { createWindow() // 当所有窗口关闭时退出应用 app.on('window-all-closed', () => { if (process.platform !== 'darwin') { app.quit() } }) }) // 在 macOS 上，当应用处于激活状态时，点击 Dock 图标会重新创建一个窗口 app.on('activate', () => { if (BrowserWindow.getAllWindows().length === 0) { createWindow() } }) ``` 然后，在你的项目文件夹中创建一个名为 index.html 的文件，输入以下代码： ```html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Hello World!</title> </head> <body> <h1>Hello World!</h1> </body> </html> ``` 最后，在终端中输入以下命令启动应用： ``` npm start ``` 这样，你就可以在浏览器窗口中看到一个简单的“Hello World!”页面了。

阅读全文