Skip to content

1 Electron入门

jamesmsw edited this page Jun 14, 2019 · 1 revision

  你最近用过Slack?也许你已经在Atom或者Visual Studio Code上面编写过一些代码,或者你用过WhatsApp桌面向你的朋友发送消息。如果是这样,那么你已经使用了Electron应用程序。那么,什么是Electron?简言之它是一个使用Web技术用于构建跨平台的桌面应用程序,可以在MacOS,Windows和Linux上运行。Electron结合Node.js和Chromium-Google Chrome的开源基础。我将会在第一章对其着重介绍

  如果您是一个负责构建跨平台桌面应用程序的小团队成员,Electron是一种很好的技术来构建您的产品而无需管理两个或三个不同的代码库,解决相同的错误在两个或三个不同平台,或实施相同功能两三次。如果你是一个期望把功能图形化并带到人们眼前的Node.js开发人员,Electron可以轻松构建图形用户界面,无需学习全新的技能。如果你是一个见惯了网站开发繁多问题的开发人员,Electron可以让你轻松访问原本是黑匣子的计算机浏览器。

  根据我的经验,学习Electron有短期和长期的收益。 您使用JavaScript可以立即看到停靠栏或任务栏中出现一个图标当您启动或从操作系统触发本机文件对话框。 但是,有时候你的应用程序无法单纯使用浏览器和Node.js来构建。随着您对Electron越来越熟悉, 您将能够通过构建一些类让你的想法付诸实践。 我希望本书中的例子能够提供灵感。当您踏上桌面程序开发旅程时,我希望本书不仅仅是激发灵感同样也是对应用开发者的指导。

  在第一章中,我们将指出Electron能做什么和不能做什么。我们来了解一些用它所做的一些令人惊叹的程序。 基于第1章的应用程序,我将详细说明它与浏览器的不同之处 。在第2章中,我们将通过构建一个简单的Electron应用程序来让你了解到用Electron构建应用程序既轻松又有趣。

​Electron入门

1️⃣ 介绍Electron

2️⃣打造你第一个Electron应用程序


💥用Electron构建跨平台应用程序

1️⃣构建一个Markdown应用程序

2️⃣​使用本机文件对话框和帮助进程间通讯

3️⃣ 处理多窗口

4️⃣处理文件

5️⃣构建应用程序和上下文菜单

6️⃣高级操作系统集成和动态菜单项

7️⃣介绍tray模式

8️⃣使用菜单栏库构建应用程序

9️⃣使用transpilers和框架

1️⃣0️⃣持久化用户数据并使用原生node.js模块

1️⃣1️⃣用Spectron测试应用程序


🍻 部署Electron程序

1️⃣ 为部署构建应用程序

2️⃣发布和更新应用程序

3️⃣通过Mac AppStore分发程序

Clone this wiki locally