Slog61_NodejsGUI之Electron模塊的安裝和測試

• ArthurSlog
• SLog-61
• Year·1
• Guangzhou·China
• Sep 6th 2018

• GitHub
• NPM Package Page
• ArthurSlog Page
• 掘金主頁
• 簡書主頁
• segmentfault

不言之教 無爲之益 天下希及之

---

開發環境MacOS(High Sierra 10.13.5)

須要的信息和信息源：

• Electron是nodejs的一個第三方模塊，Electron官網
• Electron Github
• npm Permissions

開始編碼

• 新建一個文件夾 electron_learningload，而後切換至electron_learningload路徑下

cd ~/Desktop/

mkdir electron_learningload && cd electron_learningload

• 使用npm初始化環境（其實就是建立並配置一個package.json文件）

sudo npm init

• 而後使用npm安裝 electron 開發工具包，根據electron官方說明

To install prebuilt Electron binaries, use npm. The preferred method is to install Electron as a development dependency in your app:

npm install electron --save-dev

• 根據以上，咱們使用npm執行一下指令，安裝 electron modules

npm install electron --save-dev

• 結果是報錯，錯誤信息以下

Error: EACCES: permission denied

......

• ok,這裏出現了 EACCES 錯誤事件，提示權限問題
• 結合 electron官方說明 和 npm官方手冊，解決方式以下：

sudo npm install electron --save-dev --unsafe-perm=true

• ok，如今 electron 模塊應該安裝成功了
• 寫個腳原本驗證一下

~/Desktop/electron_learningload/index.js

const electron = require('electron')
const proc = require('child_process')

console.log(electron)

const child = proc.spawn(electron)

• 如今切換至文件路徑下

cd ~/Desktop/electron_learningload/

• 執行腳本

node index.js

• 正常運行下，會打開一個Electron GUI界面
• 至此，咱們完成了Nodejs第三方模塊Electron的安裝和測試。

---

歡迎關注個人微信公衆號 ArthurSlog

若是你喜歡個人文章 歡迎點贊 留言

謝謝