Electron之入门

一、首先应该明白两个概念，主进程和渲染进程，

         主进程相当于是一个框架，而渲染进程则是往这个框架里填充的东西；在electron的应用中，主进程用于构建应用程序的框架，包括形成的桌面应用程序的边框、菜单、图标等等；而渲染进程则是各个网页，这些网页填充在主进程构建的框架中，组成了我们的实际应用程序；

二、然后使用npm安装electron

下一个比较简单的代码跑跑看一下，其中官网有一个很好的案例；

GitHub地址为：https://github.com/electron/electron-quick-start；

只需进行以下四步，就可以将其跑起来，分别是（从Github拷过来的）：

# Clone this repository

git clone https://github.com/electron/electron-quick-start

# Go into the repository

cd electron-quick-start

# Install dependencies

npm install

# Run the app

npm start

三、等程序跑起来以后，就可以进入到代码中看看了。因为你拿到了源码，所以随便跳转，笔者建议先从主进程开始看起来，然后一步步的与渲染进程结合起来。

可以在网上找几个案例来看看，看几个以后，你就可以明白其中的逻辑及各种规则了，然后就能够尝试着自己把例程改改，或者将以前写的程序electron的形式实现；

四、熟悉了基本的框架，最后就是学习官网的API了，用的多了慢慢熟悉了自己也就明白了；

         虽然看着上边只有简单的几百个字，但是要真正的吃透，那是需要非常努力的进行自己钻研的，而且会在其中遇到不少问题。因为前后端所使用的标准不一样，有CommonJS，AMD，ECMAScript等等，所以有时候在写代码或者看例程的时候，明明就是那样写的，自己的代码就是报错，这种情况下，笔者建议你去了解写webpack，electron-packager等。笔者也总结过一篇文章https://blog.csdn.net/buzaishihaizi/article/details/87617433，也可以看看。等你明白了其中的规则，那么就可以一点点的进行了。祝学的顺利，有问题我们可以交流呦！