一起养成写作习惯！这是我参与「掘金日新计划 · 4 月更文挑战」的第6天，
Electron是什么？
Electron是GitHub开发的一个开源框架。它允许使用Node.js和Chromium完成桌面GUI应用程序的开发。Electron现已被多个开源Web应用程序用于前端和后端开发，著名项目包括GitHub的Atom和微软的VSCode。
一个基础的Electron包含三个文件：package.json(元数据)、main.js（代码）和index.html（图形用户界面）。框架由Electron可执行文件（Window中为electron.exe、macOS中为electron.app、Linux中为electron）提供。开发者可以自行添加标志、自定义图标、重命名或编辑Electron可执行文件。
Electron是GitHub发布的跨平台桌面应用开发工具，支持Web技术开发桌面应用，其本身是基于C++开发的，GUI核心来自于Chrome，而JavaScript引擎使用v8。
Electron相当于一个浏览器的外壳，可以把网页程序嵌入到壳里面，可以运行在桌面上的一个程序，可以把网页打包成一个桌面运行的程序，通俗来说就是软件，比如像QQ、微信等等。功能十分强大，可以构建跨平台桌面程序，本身支持node.js，可以使用node.js的一些模块
Electron创建的两种简单的方式
1、通过git克隆快速创建
npm install electron -g //这里你安装了就不用重复该操作了
git clone https://github.com/electron/electron-quick-start
cd electron-quick-start
npm install
npm start
2、electron-forge
npm install electron-forge-g
electron-forge init 项目名
cd 项目名
npm install
npm start
运行成功后的界面：
electron的配置
当内容发生变化的时候，默认是手动重启，比较麻烦，可以使用nodemon来实现自动重启应用
首先安装 npm i nodemon --D
修改page.json中的 scripts:"nodemon --watch index.js --exec electron ."
再次运行npm run start就会自动重启应用
如何调试页面呢？electron的调试方法和chrome浏览器类似，点击菜单栏的View中的Toggle Developer Tools或者直接快捷键Ctrl+Shift+i会调出开发者工具界面
我搭了一个vue-cli的electron需要可以自行下载
