电子应用程序文件夹结构

Electron App Folder Structure

我要用 Electron 和 Typescript 开发一个项目。

出于组织目的，我创建了一个名为 /src 的文件夹来保存我的代码。这个想法是模块化成非常具体的功能。

当我 运行 electron 时，它会打开一个浏览器 window 加载我的 index.html 文件。

我对代码的组织和主要渲染进程之间的调用有点模糊。

在我的 main.ts 文件中，我有加载 window 的主进程。但是，render process的代码必须写在什么地方？

另一方面，如何在应用程序中创建不同的视图（页面）？

非常感谢！

Electron——只是一个运行时，而不是一个框架——对你如何组织你的代码没有太多强烈的意见。我认为使用 ./src 文件夹来存储您的代码是有意义的。

如您所述，main.ts 生成了一个 BrowserWindow 实例，该实例加载了 index.html。理论上，您 可以 将所有 JavaScript 写在 HTML 中的一些 <script> 标签内，但正如您想象的那样，这并不是很长-term 游戏计划。

然而，在 Electron 中，您 可以 使用 Node 的 require。这将允许您在 index.html:

中执行类似的操作 
<script>require('./renderer`)</script>

在 ./renderer.js（或在您的特定情况下为 .ts），您可以开始要求您的小型模块化文件构建您的渲染器代码。