Electron是一个能让你使用传统前端技术（Nodejs, Javascript, HTML, CSS）开发一个跨平台桌面应用的框架。这里所说的桌面应用指的是在Windows、OSX及Linux系统上运行的程序。
呃呃，官方话不理解？好吧，说白了就是一个集成nodejs+谷歌浏览器的壳子，支持打包成在windows，OSX系统直接安装使用的桌面程序。
详细介绍看官方，来来来，开撸！
1.安装electron：
git clone https://github.com/electron/electron-quick-start
2.进入electron-quick-start :
cd electron-quick-start
3.安装依赖:
npm install
4.运行electron：
npm start
(git上有资源，要是你想自己敲代码了解一下，往下看)
-------------我是一条尴尬我分界线-----------------------------
1.创建文件夹helloword
2.打开终端 cd helloword
3.创建package.json
npm init
4.改一下启动命令：
{
"name": "electron demo",
"version": "1.0.0",
"description": "",
"main": "main.js", //修改为main.js
"scripts": {
"start": "electron ." //增加start命令
},
"author": "",
"license": "ISC",
"dependencies": {
"electron": "^3.0.10"
}
}
5.npm安装：
npm i electron --save-dev
6.在helloword目录下创建main.js和index.html
a.main.js
const { app, BrowserWindow } = require(‘electron‘)
function createWindow () {
// 创建浏览器窗口
win = new BrowserWindow({ width: 800, height: 600 })
// 然后加载应用的 index.html。
win.loadFile(‘index.html‘)
}
app.on(‘ready‘, createWindow)
b.index.html
<!DOCTYPE html>
到这里，我们所有的准备工作都完成了，接下来就是运行它！
npm run start （sorry，没图）
原文：https://www.cnblogs.com/tristers/p/12175041.html