Electron初體驗-超精減範例入門

因工作需求
開始學習~~Electron!!
詳細介紹網路上找的到就不再多描述了
個人覺得就是可以把網頁轉換成適合各種平台的APP
基於nodejs
記得要先安裝一下歐歐歐

開發工具: vscode

我的helloWorld:
開一個空的專案資料夾,一樣就叫它helloWorld吧
用vscode打開它
開啟終端機

專案初始化:
輸入 npm init -y
這時候package.json 生程完成
其中-y 是默認初始化所有的設置

安裝electron:
輸入 npm install --save-dev electron
等待electron安裝完成
可以看到devDependencies中多了electron的版本號

新增main.js 與 index.html:
main.js 主要是負責邏輯的處理
index.html 則是UI畫面的呈現
main.js 長這樣

index.html長這樣:

執行:
最後,我們修改一下package.json
1. 更改進入的入口
    -> "main": "main.js"
2. 新增 "scripts":
    "start": "electron ."

最終結果:

終端機輸入:npm start

陽春到不行的hello world !!!!(灑花~~~