mkdir myapp
cd myapp
npm init
生成的package.json如下，然后添加一行"start": "electron ."
{
"name": "journal",
"version": "1.0.0",
"description": "",
"main": "index.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1",
"start": "electron ."
},
"keywords": [
"journal"
],
"author": "Octo",
"license": "ISC",
}
安装electron，也可全局安装，不过不好对不同app做版本控制
npm install electron --save-dev
# 全局安装
npm install electron -g
package.json文件更新如下
"devDependencies": {
"electron": "^3.0.1"
}
当前目录下新建index.js文件 https://github.com/electron/electron-quick-start/blob/master/main.js
const {
app,
BrowserWindow
} = require("electron");
let mainWindow;
function createWindow() {
mainWindow = new BrowserWindow({
width: 800,
height: 600
});
mainWindow.loadFile("../src/index.html");
mainWindow.on("closed", function() {
mainWindow = null;
});
};
app.on("ready", createWindow);
app.on("window-all-closed", function() {
if (process.platform !== "darwin") {
app.quit();
}
});
app.on("activate", function() {
if (mainWindow === null) {
createWindow();
}
});
运行npm start即可查看效果。
