Electron入门—Hello world

本文是Electron入门的简单介绍,通过创建一个"Hello World"应用,阐述了Electron应用的基本结构,包括package.json、main.js和index.html。在主进程中,main.js启动并控制BrowserWindow实例,展示index.html内容,从而实现应用程序的用户界面。这是一个Node.js应用的入门示例。
摘要由CSDN通过智能技术生成

不论是学习语言亦或是各种框架,最开始上手都必然是"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'
  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值