electron基础篇一

全局安装

cnpm install electron -g 

检查是否安装成功

electron -v

如果失败，则全局安装(window10,64位系统)

cnpm install electron-prebuilt -g

创建项目

目录结构

index.html

随便写

main.js

var electron = require('electron')
var app = electron.app

var BrowserWindow = electron.BrowserWindow
var mainWindow = null

//监听应用准备完成
app.on('ready', function() {
  mainWindow = new BrowserWindow({
    width: 800,
    height: 800
  })
  // mainWindow.loadFile('index.html')  //报错
  // 打开文件
  mainWindow.loadURL('file://' + __dirname + '/index.html')
  mainWindow.on('closed', () => {
    mainWindow = null
  })
})

//监听所有窗口关闭事件
app.on('window-all-closed', function() {
  if (process.platform !== 'darwin') {
    app.quit()
  }
})

package.json

main为主入口文件

{
  "name": "electron02",
  "version": "1.0.0",
  "description": "",
  "main": "main.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "",
  "license": "ISC",
  "dependencies": {
    "electron": "^7.0.0"
  }
}