electron環境搭建和使用

electron 是由 github開發的開源框架

它允許開發者使用web技術構建跨平台的桌面應用

electron = chromium + node.js + native api

首先要先去安裝node環境

cnpm install -g electron

初始化乙個專案

在你的桌面新建乙個檔案

-建立乙個html檔案

你好

const electron = require('electron') //引入electron模組

var browserwindow = electron.browserwindow; //建立視窗引用
var mainwindow = null; //宣告要開啟的主視窗
mainwindow = new browserwindow() //設定視窗的大小
mainwindow.loadfile('index.html'); //要載入的檔案
//監聽關閉事件，在把主視窗設定位null
mainwindow.on('closed', () => )
})

執行專案

直接在控制台輸入

electron .

已經就是electron環境搭建和使用

electron環境搭建和使用

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

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...