一、首先应该明白两个概念,主进程和渲染进程,
主进程相当于是一个框架,而渲染进程则是往这个框架里填充的东西;在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,也可以看看。等你明白了其中的规则,那么就可以一点点的进行了。祝学的顺利,有问题我们可以交流呦!