Electron的第一个程序Hello World！

xiaohai 2021-05-11 12:23:54 共5846人围观 标签： Electron 
简介学习任何语言的第一个程序都是“Hello World！”，这里我们也遵循下，开启第一程序，Hello World！

前面我们介绍过Electron创建项目的三种方式，这里我们主要依照第一种方式创建了一个项目。下面我们就开始对index.html和main.js文件进行编写：

1、index.html文件

显然这就是一个html文件，用来显示的，所以这个页面我们只需要写上HTML内容，里面包含“Hello World！”即可，内容如下:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Demo1</title>
</head>
<body>
    <div style='text-align:center;margin-top:159px;'>
    Hello World!
    </div>
</body>
</html>
2、main.js文件

main.js是Electron的主进程文件，这个文件非常关键，需要理解每一行代码表示的意义。

//引入electron模块
var electron = require('electron')

// 创建electron引用
var app = electron.app

//创建窗口引用
var BrowserWindow = electron.BrowserWindow

//声明要打开的主窗口
var mainWindow = null
app.on('ready',()=>{
    //设置打开的窗口大小
    mainWindow = new BrowserWindow({width:800,height:400})

    //加载那个页面，这就是欠骂的index.html默认页面
    mainWindow.loadFile('index.html')

    //监听关闭事件，把主窗口设置为null
    mainWindow.on('closed',()=>{
        mainWindow = null
    })

})
3、运行项目
electron .

效果如下：
图片alt

以上我们就是实现了第一个程序“Hello World！”。

相同类型文章

热门标签

每日一句

    一个有学问的人就是一个善于辨别是非的人。

    ——林雨堂

今日排行

  • 速查表

    速查表是自己整理了一份在工作中常用的一些资料，包含了自己在日常开发中需要常常用到的相关技术。可以给读者进行参考。

  • 微信小程序支持Markdown的解析库Towxml和搭建公式流程图渲染服务

    Towxml 是一个让小程序（微信/QQ）可以解析Markdown、HTML的解析库。能够使小程序完美解析Markdown内容。

  • userdel：删除用户(不推荐使用)

    userdel命令用于删除指定的用户及该用户相关的文件； 在工作中，尽量不要使用userdel来删除用户，而是采用在/etc/passwd里面注释用户的方法，防止用户误删带来的系统及服务不正常。更要谨慎使用-r参数，这样会将用户的家目录及其里面的所有文件删掉，导致数据不可逆的丢失。

  • PHP优化相关知识

    PHP作为一门非常流行的语言，但是有时很多人会觉得PHP效率不高，也许很多人在初次使用的时候对PHP本身还不够了解，所以造成了大家对PHP运行效率低的误解。作为脚本语言，我们也不能否认PHP跟其他编译型语言效率对比。本文我们带大家看看如何来对PHP进行优化。

  • 人脸认证：face_recognition库的安装与应用

    人脸识别技术如今已广泛应用于安全监控、身份验证、人机交互等多个领域。对于开发者而言，利用现有的库如face_recognition可以极大地简化人脸识别的开发过程。本文将详细介绍如何安装face_recognition库，并通过实例展示如何用它来实现一个基本的人脸比对服务。

点击排行

友情链接