Electron桌面應用：環境搭建

目錄

• 1、簡介
• 2、市場
• 3、安裝
  • 一、安裝node版本
  • 二、安裝國內的npm包管理器
  • 三、安裝electron
  • 四、驗證electron否安裝成功
  • 五、使用git克隆一個electron簡單的項目，並執行如下命令
  • 六、運行效果以下圖
  • 七、具體詳細內容可參見

1、簡介

Electron是由Github開發，基於Chromium和Node.js，使用JavaScript，HTML 和 CSS 等 Web技術建立跨平臺原生桌面應用的框架。

兼容Mac，Window和Linux，它構建的應用可在這三個操做系統上面運行，藉助Electron，咱們可使用純JavaScript來調用豐富的原生APIs。

2、市場

如今已經有不少由Electron開發應用，好比Atom、Insomnia、Visual Studio Code等。查看更多使用Electron構建的項目能夠訪問 Apps Built on Electron

3、安裝

Electron的開發須要安裝Node.js，npm和electron。下面咱們一步一步的進行環境安裝

一、安裝node版本

首先到node官網下載對於的操做系統版本，而後進行傻瓜式安裝，執行以下命令，若是不報錯，則說明安裝沒有問題。

安裝node時，npm默認會安裝

node -v
npm -v

二、安裝國內的npm包管理器

npm  install  -g cnpm --registry=https://registry.npm.taobao.org

三、安裝electron

cnpm install  -g  electron

四、驗證electron否安裝成功

electron -v

五、使用git克隆一個electron簡單的項目，並執行如下命令

# 克隆提示項目倉庫
git clone https://github.com/electron/electron-quick-start

# 進入這個倉庫
cd electron-quick-start

# 運行
electron .

六、運行效果以下圖

七、具體詳細內容可參見

electron官方文檔

---

轉載聲明：本站文章無特別說明，皆爲原創，版權全部，轉載請註明：朝十晚八 or Twowords