electron開發環境搭建

開發環境

建立開發目錄（也是解決方案）

npm init

npm install electron -dev

npm install electron --unsafe-perm=true

npm install --verbose electron

4. 新增測試頁面

index頁面

main.js頁面

const

=require
('electron');
//const edge = require('electron-edge-js');
const path =
require
('path');
let win;
function
createwindow()
),win.
loadfile
(path.
join
(__dirname,
'index.html'))
;//開啟頁面除錯功能
win.webcontents.
opendevtools()
;}on(
'ready'
, createwindow)

],

"configurations": [
/node_modules/.bin/electron",
"args": [
"$/main.js",
"--remote-debugging-port=9333" //set debugging port for renderer process
],"protocol": "inspector" //specify to use v8 inspector protocol},,
\\main.js"}]
}

Electron 開發環境搭建

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

electron環境搭建和使用

cnpm install g electron這裡已經要使用cnpm安裝，如果想用npm安裝會特別慢，除非翻牆 在你的桌面新建乙個檔案 你好 const electron require electron 引入electron模組 var browserwindow electron.browser...

electron環境搭建和使用

electron 是由 github開發的開源框架 它允許開發者使用web技術構建跨平台的桌面應用 electron chromium node.js native api 首先要先去安裝node環境 cnpm install g electron這裡已經要使用cnpm安裝，如果想用npm安裝會特別...