天天看點

Electron 桌面應用:環境搭建

1,簡介

Electron 是由Github開發,基于 Chromium 和 Node.js, 使用 JavaScript, HTML 和 CSS 等 Web 技術建立跨平台原生桌面應用的架構。相容Mac,Window和Linux,它建構的應用可在這三個作業系統上面運作,借助 Electron,我們可以使用純 JavaScript 來調用豐富的原生 APIs。

Electron 桌面應用:環境搭建

2,現在已經有很多由 Electron 開發應用,比如 Atom、Insomnia、Visual Studio Code 等。檢視更多使用 Electron 建構的項目可以通路 Apps Built on Electron

http://link.zhihu.com/?target=https%3A//electron.atom.io/apps/

3,安裝

Electron的開發需要安裝Node.js , npm , electron

首先到nodejs的官網下載下傳與自己作業系統相應的nodejs安裝包進行安裝

nodejs官網位址為:https://nodejs.org/en/download/

Electron 桌面應用:環境搭建

配置nodejs系統環境變量并檢測是否安裝成功

Electron 桌面應用:環境搭建

6,檢查electron是否安裝成功

Electron 桌面應用:環境搭建

7,使用git克隆一個electron簡單的項目,并執行以下指令

Electron 桌面應用:環境搭建

8,運作效果如下圖

Electron 桌面應用:環境搭建

9,具體詳細内容可參見electron官方文檔

https://electronjs.org/