不论是学习语言亦或是各种框架,最开始上手都必然是"Hello World"类型的简单编程。那么我作为一个Electron的初学者自然也不例外。
Electron应用从开发的角度来看可以视作是一个Node.js应用。所以一个基本的Electron应用的文件目录应该会是下面这个样子的(当然了,除了package.json
其他文件的文件名都不一定):
Hello World/
├── package.json
├── main.js
└── index.html
文章目录
package.json
那么既然是可以看作是Node.js应用,那么程序的入口也与Node.js相同是package.json
文件。而一个基本的package.json
文件有三个字段:
{
"name" : "Hello-World-App",
"version": "1.0.0",
"main" : "main.js"
}
其中又属main
字段最为重要,因为Electron运行main
字段所指脚本的进程为主进程。在主进程中运行的脚本通过创建web页面来展示用户界面。 一个 Electron 应用总是有且只有一个主进程。值得注意的是,如果省略了main
字段,那么将会去尝试加载index.js
。
main.js
接着就来看main.js
。
'user strict'
const {
app, BrowserWindow} = require('electron');
let mainWindow = null; //应用窗口的引用
app.on('window-all-closed', ()=>{
if(process.platform !== 'darwin'