由于项目的密度和整篇文章的篇幅,本教程将分为三篇。
第 1 部分:使用 VueJS 创建 Electron 应用程序
第 2 部分:连接数据库和创建 CRUD 函数
第 3 部分:构建 UI 并将其与带有 IPC 的主进程连接
我们将构建一个简单的桌面应用程序,我们可以在其中创建播放列表并向其中添加 youtube 视频。我不会对功能和特性进行深入探讨。目标是将数据库与 ElectronJS 和 VueJS 的多对多关系链接起来。


我们将应用程序分成两部分;渲染器和主。Renderer 是前端,这部分我们将使用 VueJS、Vuex。主要部分是 ElectronJS 的主进程,它是后端。在这里,我们将构建应用程序的逻辑。
对于数据库,我们将创建两个表,视频和播放列表。这些表与多对多关系相关联。