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(