Electron初体验，学习笔记

官网中，对Electron的介绍是 Build cross platform desktop apps with JavaScript, HTML, and CSS。意思很清楚，可以把web打包成桌面程序。简单的理解，就是把你的web网站套上一个精简的chrome的壳子，然后给用户使用。

接下来我们将安装electron并跑几个简单的demo。

1.安装electron，npm install electron。

通过npm我们可以快速地安装Electron，假如不用淘宝源速度会比较慢，也可以直接github上找electron最新的安装文件，然后npm install electron即可。

2. 官方demo

这个demo跑起来是这个样子的

其实就是一个index页面，通过Electron进行了打包，变成了一个桌面程序。源码结构如下：

用electron打包的时候，就是在项目根目录新建一个main.js和package.json，通过main.js来指定好入口点，package.json设置好一些依赖等信息就好了。

3. electron+express

当跑完了官方demo之后我就在想，假如我有一个express写好的网站，可不可以直接用electron打包成桌面程序呢。于是，我先自己测试了一下。我用express generate自动生成了一个项目。在blog文件夹中。然后自己配置了main.js和package.json文件。结果如下。

electron这时使用express地址。

结果成功。之后我又在github上搜了一下electron express，发现了星级很高的一份代码。喜欢的玩家可以clone下来研究一下，他还实现了一些其他功能，链接附下。

https://github.com/frankhale/electron-with-express