2016-04-26 53 views
1

我已經開發了一個使用Electron和Typescript的項目。電子應用文件夾結構

爲了組織目的,我創建了一個名爲/src的文件夾來保存我的代碼。這個想法是模塊化成非常特定的功能。

當我運行電子時,它打開一個瀏覽器窗口,加載我的index.html文件。

我對代碼的組織有點模糊,並且在主渲染過程之間進行調用。

在我的main.ts文件中,我有加載窗口的主進程。但是,渲染過程代碼必須寫在哪裏?

另一方面,如何創建不同的視圖(頁面)它的應用程序?

非常感謝!

+0

沒有一個正確的結構,這取決於你的經驗和個人意見,應用程序的複雜性等。你可以看看現有的開源應用程序,也許你會有一些想法。 https://github.com/sindresorhus/awesome-electron –

回答

1

電子只是一個運行時,而不是框架 - 對於如何組織代碼沒有太多的強烈意見。我認爲使用./src文件夾來存儲您的代碼是有意義的。

正如您所提到的,main.ts會產生一個BrowserWindow實例,其中加載了index.html。從理論上講,你可以用將所有的JavaScript代碼寫入HTML中的一些<script>標籤中,但是你可能會認爲這不是一個長期的遊戲計劃。

但是,在Electron中,您可以使用節點的require。這將允許你做這樣的事情在index.html

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

./renderer.js(或.ts你的具體情況),你就可以開始要求你的小模塊文件,建立你的渲染代碼。