electron 学习使用

- 前言
  
  前端就是牛逼, 抢完Android``iOS工程师的活儿, 后端的活儿, 就开始抢桌面应用的活儿了
  
  # 两个进程
  
  # 通信
  
  # remote api
  
  remote 模块为渲染进程（web页面）和主进程通信（IPC）提供了一种简单方法。
  
  在Electron中, GUI 相关的模块 (如 dialog、menu 等) 仅在主进程中可用, 在渲染进程中不可用。为了在渲染进程中使用它们, ipc 模块是向主进程发送进程间消息所必需的。使用 remote 模块, 你可以调用 main 进程对象的方法, 而不必显式发送进程间消息, 类似于 Java 的 RMI (opens new window)。
  
  例如：从渲染进程创建浏览器窗口
```
const { BrowserWindow } = require('electron').remote
const win = new BrowserWindow({ width: 800, height: 600 })
win.loadURL('https://github.com')
Copy
```
  1
  2
  3
  4
  注意: 反过来（如果需要从主进程访问渲染进程），可以使用 webContents. executeJavascript (opens new window)。
  
  注意事项： 因为安全原因，remote 模块能在以下几种情况下被禁用：
  - BrowserWindow - 通过设置 enableRemoteModule 选项为 false。
  - <webview> - 通过把 enableremotemodule属性设置成 false。
  #
  
  # devtron
  
  https://www.electronjs.org/devtron
```
# Install Devtron
$ npm install --save-dev devtron
// Run the following from the Console tab of your app's DevTools
require('devtron').install()
// You should now see a Devtron tab added to the DevTools
```
  1
  2
  3
  4
  5
  #
  
  # 前端框架vue+electron
  - 安装vue-cli 3脚手架, cmd中输入vue ui
  - 创建普通一个项目, 路由使用hash模式
  - 添加插件,搜索electron, 直接选第一个没毛病
  - - 想要了解的附上地址: https://nklayman.github.io/vue-cli-plugin-electron-builder/
  - 进入项目 npm run electron:server
  - 结果: