Electron项目创建

1. 克隆仓库，快速启动

git clone https://github.com/electron/electron-quick-start

cd electron-quick-start

npm install

npm start

打开快速启动的项目，主要有以下几个文件：

(1). index.html ，渲染进程；

(2). render.js，渲染进程，在index.html中引用；

(3). main.js，主进程；

(4). preload.js，监听DOM加载完成，在主进程中调用。

2. 通过脚手架搭建项目
 

yarn create electron-app my-new-app

// 进入项目
cd my-new-app
// 启动项目
npm start

3. 手动创建项目

yarn init

yarn add --dev electron

 package.json配置文件中的scripts字段下增加

{

 "main": "main.js",
  "scripts": {
    "start": "electron ."
  }
}

yarn start