HulkYang's Engineer notes

首先我使用 pcsclite  遇到以下問題 Error: The module '.../node_modules/@pokusew/pcsclite/build/Release/pcsclite.node' was compiled against a different Node.js version using NODE_MODULE_VERSION 51. This version of Node.js requires NODE_MODULE_VERSION 53. Please try re-compiling or re-installing 把 Node version提升了，也沒作用 後來使用rebuild才成功 安裝模組並重新建置 Electron npm install --save-dev electron-rebuild # 每次執行完 "npm install" 後，記得再跑: ./node_modules/.bin/electron-rebuild # 如果你在 Windows 下碰到問題，可以試: .\node_modules\.bin\electron-rebuild.cmd

一、Electron介紹 Electron Logo Electron（原名為Atom Shell）是 GitHub 開發的一個 開源 框架 。 [5] 它允許使用 Node.js （作為後端）和 Chromium （作為前端）完成桌面 GUI 應用程式 的開發。Electron現已被多個開源 Web應用程式 用於前端與後端的開發，著名專案包括GitHub的 Atom 和 微軟 的 Visual Studio Code 。 由於開發環境就是基於 Node.js ，請務必安裝好。 很多知名的桌面應用程式都是使用 Electron 開發的例如： Github Desktop Discord WordPress.com Visual Studio Code Slack Atom 二、專案建立 以下實務操作將建立一個桌面鬧鐘通知應用程式，此範例從 此處 學習 首先我們建立專案資料夾，並初始化： mkdir electron-alarm-clock && cd electron-alarm-clock npm init -y 你可以直接手動新增資料夾，然後進入（可以不用這麼工程師的方式） 進入專案後使用終端機輸入 npm init -y 進行初始專案（-y 是將詢問的條件通通默認 yes） 安裝 electron： npm install --save--dev electron --save-dev 會將指定套件存於 package.json 的 devDependencies 因為 electron 只有開發階段才需要用到，因此只需要 --save--dev 在 package.json 修改程式進入點位置： 在 main 的部分，將 index.js 改為 main.js 。 在 script 的部分，新增 start 。 [ package.json ] { "name": "electron-alarm-clock", "version": "1.0.0", "description": "...