Electron常见问题 27 - 创建最简单的窗口和页面内容

目录

 

前言

正文

步骤一、创建窗口

步骤二、页面内容

结尾

---

前言

使用electron进行开发，面临的第一个问题就是创建一个UI窗口进行界面展示，今天就来介绍这个过程。本文以electron官网的demo实例进行讲解。

PS:《Electron实战》系列-总览  

正文

electron创建一般窗口和自定义的窗口方式都非常简单，总共分为两步，第一步是创建窗口，定义窗口类型。第二步是设计页面内容，页面内容决定了窗口最终的展示效果。

步骤一、创建窗口

electron创建窗口的类叫做BrowserWindow，它支持非常多的特性，官方的特性基本能够满足我们的开发需要。主窗口一般在main.js中进行创建，代码如下：

const mainWindow = new BrowserWindow({
    width: 800,
    height: 600,
    show: