我们为项目创建了一个 package.json 文件.现在我们将使用Electron创建我们的第一个桌面应用程序.
创建一个名为 main.js 的新文件.在其中输入以下代码 :
const {app, BrowserWindow} = require('electron')
const url = require('url')
const path = require('path')
let win
function createWindow() {
win = new BrowserWindow({width: 800, height: 600})
win.loadURL(url.format ({
pathname: path.join(__dirname, 'index.html'),
protocol: 'file:',
slashes: true
}))
}
app.on('ready', createWindow)创建另一个文件，这次是名为 index.html 的HTML文件.在其中输入以下代码.
<!DOCTYPE html> <html> <head> <meta charset = "UTF-8"> <title>Hello World!</title> </head> <body> <h1>Hello World!</h1> We are using node <script>document.write(process.versions.node)</script>, Chrome <script>document.write(process.versions.chrome)</script>, and Electron <script>document.write(process.versions.electron)</script>. </body> </html>
使用以下命令运行此应用程序 :
$ electron ./main.js
将打开一个新窗口.它看起来像下面和下面;
我们创建了一个主文件和一个HTML文件.主文件使用两个模块 - app 和 BrowserWindow .应用程序模块用于控制应用程序的事件生命周期，而BrowserWindow模块用于创建和控制浏览器窗口.
我们定义了一个 createWindow 函数，我们在这里正在创建一个新的BrowserWindow并将URL附加到此BrowserWindow.这是在我们运行应用程序时呈现给我们的HTML文件.
我们在html文件中使用了本机Electron对象进程.此对象从Node.js进程对象扩展，并包含所有 t =其功能，同时添加更多功能.
