1 Electron 開發環境的安裝

1、安裝nodejs

node --version #

檢視node的版本

c:\program files\nodejs\ 

改為：d:\software\nodejs\

node_home=d:\software\nodejs

node_path=d:\software\nodejs\node_modules\npm\bin
cnpm_path=d:\software\nodejs\node_global\node_modules\cnpm\bin

%node_home%

%node_home%\node_global
%node_path%
%cnpm_path%

npm config ls   #

檢視node安裝及配置路徑

c:\users\xrl>npm config ls

; cli configs
metrics-registry = "
"scope = ""
user-agent = "
npm/6.12.1 node/v12.13.1 win32 x64
"; userconfig c:\users\xrl\.npmrc
cache = "
d:\\software\\nodejs\\node_cache
"prefix = "
d:\\software\\nodejs\\node_global
"; builtin config undefined
; node bin location =d:\software\nodejs\node.exe
; cwd =c:\users\xrl
; home =c:\users\xrl; "
npm config ls -l
" to show all defaults.

為了保留c盤的剩餘空間，有必要，把 npm的 global 路徑修改到其他碟符下

npm config set cache "

d:\software\nodejs\node_cache
"npm config set prefix 
"d:\software\nodejs\node_global
"

npm install -g cnpm -registry= #

安裝cnpm

注意：安裝後把cnpm資料夾設定環境變數

vscode 報錯

ps d:\workgithub\electrondemo\99eelectronvue\mycodegenerator> cnpm -v

cnpm : 無法載入檔案 d:\software\nodejs\node_global\cnpm.ps1，因為在此系統上禁止執行指令碼。有關詳細資訊，請參閱 https:/go.microsoft.com/fwlink/?linkid=135170中的 about_execution_policies。
所在位置 行:1 字元: 1
+ cnpm -v
+~~~~
+categoryinfo          : securityerror: (:) ，pssecurityexception
+fullyqualifiederrorid : unauthorizedaccess
ps d:\workgithub\electrondemo\99eelectronvue\mycodegenerator> set-executionpolicy remotesigned

npm install electron -g #

安裝  或 cnpm install electron -g #如果沒有安裝 cnpm須安裝一下

electron -v #

檢視electron版本，檢視是否安裝
npm update electron -g #
更新electron版本

c:\windows\system32>electron -v

c:\windows\system32>"
node""
d:\software\nodejs\node_global\\node_modules\electron\cli.js
" -v
v11.3.0

通過直接執行：electron 應該能出現乙個介面說明對了

御載：

npm uninstall electron #

御載

沒有試過記錄一下：

error command "electron-serve" not found. did you mean "electron:serve"?

npm install electron-serve -g

node

Electron 開發環境搭建

2 安裝electron 開啟cmd，在裡面輸入 方式一 直接訪問國外的伺服器太慢，可以使用cnpm 方式二 群眾推薦使用此方法 1.npm install cnpm g registry 在執行的時候有時候比較慢，需要耐心等待完成之後再進行下一步 如圖 即可快速完成安裝也可以cnpm instal...

electron開發環境搭建

開發環境 建立開發目錄 也是解決方案 npm init安裝electron npm install electron devnpm install electron unsafe perm truenpm install verbose electron工程目錄結構如下 4.新增測試頁面 index...

二 electron 開發環境配置

為了方便開發，我們需要讓vue和electron能同時執行，怎麼做呢？在根目錄下新建build資料夾，增加dev runner.js檔案,我們可以在這個檔案中將vue和electron同時啟動。使用node子程序，啟動vue和electron const require child process ...