Electron环境搭建

Electron 简介

Electron是什么？

Electron 是一款用于开发桌面应用的程序，适用于前端开发人员

Electorn核心概念

Electorn 是基于谷歌内核创建的一个开发工具，可以理解为是一个嵌套谷歌浏览器的盒子。所以，这一设置给前端开发人员带来了便利，也正是因为如此，Electorn分为主进程和渲染进程

主进程和渲染进程简单理解

渲染进程就是我们前端开发时候的前端代码，主进程就是控制electon窗口的
过程 渲染进程–> 主进程 —>生成应用

安装

• 如果你没有vue-cli的话需要全局安装
  npm install -g vue-cli
• 然后使用vue-cli来安装electron-vue的模板
  vue init simulatedgreg/electron-vue my-project
• 安装依赖
  cd my-project
  yarn # or npm install
• 进入开发模式
  yarn run dev # or npm run dev

安装成功后的目录:

核心就是src下面的mian 和renderer模块，分别对应的主进程和渲染进行的代码，如果对这个区分还是不理解的，可以这么认为，主进程就是和窗口相关的，而渲染进程，就是里面的内容，虽然不是很准确，但是也可以简单帮助吧。