创建electron应用

这篇博客介绍了如何使用Electron库创建桌面应用。首先,设置了目录并创建了package.json。接着,安装了Electron,并在package.json中配置启动命令。然后,创建了main.js和index.html文件作为应用的核心。通过运行`npm start`,一个简单的Electron应用得以展示。最后,讲解了如何打包并发布MacOS应用,包括设置应用图标和复制必要文件。
摘要由CSDN通过智能技术生成

Electron就是可以让你用Javascript、HTML、CSS来编写运行于Windows、macOS、Linux系统之上的桌面应用的库

设置目录

your-app/
├── package.json
├── main.js
└── index.html

创建package.json

npm init

安装Electron

cnpm install electron --save-dev

修改package.json,增加start命令指向electron,设定入口为main.js,参照下面代码:

"main": "main.js",
"scripts": {
    "start": "electron ."
}

创建最简Electron项目

创建main.js文件,添加下面的代码。
创建index.html文件,添加下面的代码。
终端运行命令npm start,这时会弹出一个应用窗口(本质是一个浏览器),显示了hello electron文字(来自index.html页面)。

main.js

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

let win;

function createWindow() {
    //创建浏览器窗口
    win = new BrowserWindow(
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值