Electron 介绍
Electron是一个使用web技术构建跨平台桌面应用程序的运行时框架，可以使用HTML5，CSS和JavaScript快速地开发出适合window,mac和linux系统的桌面应用。
从另一个角度看，Electron也可以看成是一个壳，它里面包含了一个Chromium，谷歌浏览器，它把我们写好的网页渲染出来，我们可以通过这个壳，跟操作系统进行交互通信。
优点是方便，快速，低成本；缺点嘛，占用内存高，运行效率低，体验比原生开发的差点。
毕竟不是原生的，所以呢，刚刚开始用的时候，会遇到好多奇奇怪怪的问题，就需要用奇奇怪怪的方法手段去解决。
接下来我们就记录下这些问题和怎么解决的和解决不了的。
Electron 快速开始
1、先下载官方的初始项目文件
git clone https://github.com/electron/electron-quick-start
2、下载依赖包
// 用cnpm是为了加快下载速度，国内用npm速度很慢
cnpm install
3、运行
npm start
4、结果 出现了下图的hello world，算成功了一半了。
但是吧，我们看看package.json这个文件
{
"name": "electron-quick-start",
"version": "1.0.0",
"description": "A minimal Electron application",
"main": "main.js",
"scripts": {
"start": "electron ."
},
"repository": "https://github.com/electron/electron-quick-start",
"keywords": [
"Electron",
"quick",
"start",
"tutorial",
"demo"
],
"author": "GitHub",
"license": "CC0-1.0",
"devDependencies": {
"electron": "^8.2.3"
}
}
发现这个项目太原始了，只有运行的，没有打包的，没有webpack编译打包的，需要什么还得自己一个一个去添加，有点繁琐。
这个里呢就推荐用Electron-vue或者Electron-react框架进行项目开发了，这些框架初始状态就把编译，运行，打包等流程都打通了，如果项目不是很复杂，不需要修改里面的默认配置，直接专注于界面开发就可以了，省时省力啊。
结语
我们对electron进行了简单的介绍和怎么快速地开始electron项目的开发，完事开头难，走过了这一遭，就开始得解决之后扑面而来的问题浪潮了，let's go ....
