2019 桌面软件开发指北(三) Electron 项目管理
Desktop Development and Electron
得益于 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 devtron
或 npm install --save-dev devtron
electron-builder
具有完整功能的 Electron 构建与打包工具。
既然是跨平台开发,我们的目标当然是希望能直接打包出各个平台可以运行的软件包。
通过简单的配置,就可以使用 electron-builder
实现目标。
vue
& vuex
Vue.js
是网页开发框架的新趋势。
与 React
一样,组件化开发的方式,将开发人员从繁重的状态管理和代码复用的难题中解放出来。
能够利用 Web 开发的技术成功,是 Electron 带来的最大好处之一。