Electron檔案介紹

我們點開 Electron 裡的資料夾,會發現裡面有許多檔案,我簡單介紹一下。

node_modules 資料夾是安裝套件的地方,使用npm install抓回來的套件都會放在裡面,它也是整個檔案肥大的原因所在,常常套件裝下去,超過500mb都有可能…。

package.json 是設定檔,通常會紀錄一些npm的指令跟我們裝了哪些套件等等資訊,詳細的資料可以查 Node.js。

最重要的是以下三個檔案。

index.html 在網站中,它就代表首頁,但在 Electron 裡面它是整個軟體的 UI 介面,我們可以用寫 WEB 的方式來做軟體介面。

renderer.js 就是一般網頁中的JS檔,我們可以把它替換掉改成自己網站的 js 內容。

main.js 是 Electron 的主程式所在,跟本機電腦相關的程式都會寫在這裡,像是建立一個視窗,或視窗上的 Menu 等等。