初识Electron之Electron入门

866 阅读1分钟

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模块,分别对应的主进程和渲染进行的代码,如果对这个区分还是不理解的,可以这么认为,主进程就是和窗口相关的,而渲染进程,就是里面的内容,虽然不是很准确,但是也可以简单帮助吧。