Electron 应用程序文件夹结构

【问题标题】：Electron App Folder StructureElectron 应用程序文件夹结构
【发布时间】：2016-08-20 09:12:54
【问题描述】：

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

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

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

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

在我的 main.ts 文件中，我有加载窗口的主进程。但是，渲染过程代码必须写在哪里？

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

非常感谢！

【问题讨论】：

没有一种正确的结构，这取决于您的经验和个人意见，应用程序的复杂性等。你可以看看现有的开源应用程序，也许你会得到一些想法。 github.com/sindresorhus/awesome-electron

【解决方案1】：

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

正如您所提到的，main.ts 生成了一个 BrowserWindow 实例，该实例加载了 index.html。理论上，您可以在 HTML 中的一些 <script> 标记中编写所有 JavaScript，但正如您可能想象的那样，这并不是一个真正的长期游戏计划。

但是，在 Electron 中，您可以使用 Node 的 require。这将允许您在 index.html 中执行类似的操作：

<script>require('./renderer`)</script>

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

【讨论】：