? ? 最近有個想法,想寫個簡單的應用程序.平時在 Mac上開發,最終有可能運行在 Windows 上.看了一下,Electron 比較簡單,應該可以一試.

?

關于安裝

我機器上是有 Node 環境的,按著官方教程 直接

npm install electron

結果運行到 npm install.js就不到了..下午上班有事,也沒管他,結果一下午也沒裝完.

晚上回家放狗搜了一下.需要增加一個 electron 鏡像.(在這里祝病魔早日戰勝方校長)?

其實我一直都在用淘寶的 NPM 鏡像

vim ~/.npmrc

增加這么一句

electron_mirror="https://npm.taobao.org/mirrors/electron/"

然后總算說安裝成功后了,但是運行時說安裝不正確,讓你刪了重裝.

我以為是本地緩存的安裝腳本不完正.試著清了一下本地緩存(慎重).沒解決問題

npm cache verify

反正每次裝完就是報錯了.后來我沒有-g,也就是全局安裝..我試一下吧.居然就行了

npm install electron -g

調試

然后按裝教程寫了個 HelloWord.用 VScode 創建 launch.json 以后直接調試.又說我的 app 未定義.但是我直接運行是沒問題的.我估計是我的調試配的有問題.經過研究.改了一下 launch.json

?

{"version": "0.2.0","configurations": [{"name": "Debug Main Process","type": "node","request": "launch","cwd": "${workspaceRoot}","runtimeExecutable": "${workspaceRoot}/node_modules/.bin/electron","program": "${workspaceRoot}/main.js"}] }

注意那個runtimeExecutable

好了,可以打斷點,調試了.

?

?

轉載于:https://my.oschina.net/wynwyy/blog/1491807

總結

以上是生活随笔為你收集整理的electron 入坑记的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。