Vue-Electron脚手架安装

---

一、前提条件

1.电脑已经安装好node和vue-cli脚手架；npm run build:win32;

2.命令行进入到需要安装vue-electron的目录下;

二、安装

命令行运行

 vue init simulatedgreg/electron-vue

三、运行

1.安装依赖

npm install

2.运行

npm run dev

---

四、打包

1.打包

npm run build:win32

---

五、通信

一个electron桌面应用程序分为主进程和渲染进程，node部分为主进程，vue-cli的多个页面为渲染进程；
主进程和渲染进程之间主要通过ipc通信；

主进程：
1.引入ipc通信

import { ipcMain } from 'electron'

2.主进程发送消息

mainWindow.webContents.send('自定义事件名', {
	键名：键值
});

3.主进程接收渲染进程事件

ipcMain.on('自定义事件名',()=>{
 	//执行体
}）

渲染进程：

1.渲染进程通知主进程

this.$electron.ipcRenderer.send('事件名'，参数); //发送事件 

2.渲染进程接收主进程事件

this.$electron.ipcRenderer.on('事件名', function(event, message) {
	//执行体
})

总结

基本上Vue-Electron的使用和node、vue-cli相同，之间的通信使用ipc,只要会用node和vue，加上知道它们之间的通信方式，基本上使用不成为题，更多的Electron的具体使用api需要参考官网文档：Electron官网文档