Electron的安装使用（VUE桌面应用&安装包创建）

下载前：

       1. 执行命令

git clone https://github.com/electron/electron-quick-start        //下载electron-quick-start项目的地址
cd electron-quick-start
cnpm install     //npm,cnpm 都可以，cnpm速度较快.
npm start

        2. 更改【electron-quick-start】文件下【main.js】,【package.json】文件的配置

//----main.js----
function createWindow () {
  // and load the index.html of the app.
  mainWindow.loadURL(`file://${__dirname}/../dist/index.html`)  //修改这里

//package.json
{
  "name": "electron-quick-start",
  "version": "1.0.0",
  "description": "A minimal Electron application",
  "main": "electron.js",            //--修改的，为后面做准备
  "scripts": {
    "start": "electron ."       
   }

下载后：

       1. 执行命令

vue init webpack demo        //创建vue项目

       2. 执行命令

npm install electron --save-dev
npm install electron-packager --save-dev        //安装electron依赖

       3. build目录下创建electron.js文件，复制【electron-quick-start】文件下的[main.js]

// Modules to control application life and create native browser window
const {app, BrowserWindow} = require('electron')
const path = require('path')

// Keep a global reference of the window object, if you don't, the window will
// be closed automatically when the JavaScript object is garbage collected.
let mainWindow

function createWindow () {
  // Create