【Electron 快速入门-3】创建最简单的 Electron 应用

• 创建项目

mkdir electron-demo

cd electron-demo

npm init -y

ELECTRON_MIRROR=https://npm.taobao.org/mirrors/electron/ yarn add electron -D

• 创建 main.js 并写入

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



function createWindow () {

  const win = new BrowserWindow({

    width: 800,

    height: 600

  })



  win.loadURL('https://www.baidu.com')

};



app.whenReady().then(() => {

  createWindow();

});

• 配置 package.json

  • 增加 dev 启动命令
  • main 入口修改为：'main.js'

{

  "name": "electron-tech-demo",

  "version": "1.0.0",

  "description": "",

  "main": "main.js",

  "scripts": {

    ...

    "dev": "electron ." 

  },

  ...

}

• 启动

  • 执行 yarn dev 运行 Electron