得益于 Node.js 强大的生态圈,开发 Electron 软件时可以利用丰富的第三方软件包来辅助开发流程。


2019 桌面软件开发指北(一) 关于 Electron

2019 桌面软件开发指北(二) Electron 快速上手 - Hello World!


Electron 项目管理

Git

追踪所有功能改动的历史。 更多的开发者效率工作流都基于 Git 或 GitHub,因此今早引入 Git。 如果是新项目,更要从一个空目录开始就纳入 Git 管理。

当然,你也可以选择其它任何一种版本管理工具。

yarn

Yarn 不仅用来管理开发依赖和功能依赖,还用来管理开发过程用到的脚本,是整个开发过程不可或缺的黏合剂。

采用 yarn add [-D] <package name> 的方式来添加依赖包。

也可以把开发过程用到的脚本写进 package.json 文件的 scripts: {} 字段中。 这样就能通过执行 yarn dist 来构建打包程序。

    "compile": "electron-webpack",
    "dev": "electron-webpack dev",
    "dist": "yarn compile && electron-builder",

devtron

用来调试、监控和检查 Electron 应用。 主要功能包括:require 关系可视化、事件监听、IPC 监听、代码分析等。

这是一个开发依赖,安装方法为 yarn add -D devtronnpm install --save-dev devtron

devtron

electron-builder

具有完整功能的 Electron 构建与打包工具。 既然是跨平台开发,我们的目标当然是希望能直接打包出各个平台可以运行的软件包。 通过简单的配置,就可以使用 electron-builder 实现目标。

vue & vuex

Vue.js 是网页开发框架的新趋势。 与 React 一样,组件化开发的方式,将开发人员从繁重的状态管理和代码复用的难题中解放出来。

能够利用 Web 开发的技术成功,是 Electron 带来的最大好处之一。


后续

2019 桌面软件开发指北(四) Electron 与 Vue.js