Electron 建立第一个应用

最新推荐文章于 2024-05-15 14:30:00 发布

@凌晨三点半

最新推荐文章于 2024-05-15 14:30:00 发布

阅读量246

点赞数

分类专栏： electron 文章标签： Electron 第一个应用启动调试

本文链接：https://blog.csdn.net/soulwyb/article/details/86619506

版权

electron 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

安装node.js 这个不说官网下一步下一步就是了

在命令行运行 node --version 有出现版本号就表示成功

然后安装electron

node install electron -g 表示全局安装

安装完成后输入electron -v 有出现版本号就说明OK

新建目录（自定义）

然后建立3个文件：package.json index.js index.html

index.html

<!DOCTYPE html>
<head>
    <title>Hello World</title>
    <meta charset='utf-8'>
</head>
<div>Hello World</div>
</html>

index.js

const { app, BrowserWindow } = require('electron');

function createBrowser() {
    win = new BrowserWindow({ width: 800, height: 600 });
    win.loadFile('index.html');
    win.on('closed', () => {
        console.log('close');
        win = null;
    });
}

app.on('ready', createBrowser);

其中在createBrowser函数中添加： win.webContents.openDevTools();可将调试控制台显示在页面上

package.json

{
    "name":"first",
    "version":"1.0.0",
    "main":"index.js"
}

保存后在命令行下切换至代码所在目录运行 electron . 这个'.'号表示当前目录

搞定

@凌晨三点半

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
Electron 建立第一个应用

安装node.js 这个不说官网下一步下一步就是了在命令行运行 node --version 有出现版本号就表示成功然后安装electronnode install electron -g 表示全局安装安装完成后输入electron -v 有出现版本号就说明OK 新建目录（自定义）然后建立3个文件：package.json index.js index.html ...
复制链接

扫一扫