Electron桌面應用：環境搭建

目錄

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

一、簡介

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

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

二、市場

現在已經有很多由Electron開發應用，比如Atom、Insomnia、Visual Studio Code等。查看更多使用Electron構建的項目可以訪問 Apps Built on Electron

三、安裝

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

1、安裝node版本

首先到node官網下載對於的操作系統版本，然后進行傻瓜式安裝，執行如下命令，如果不報錯，則說明安裝沒有問題。

安裝node時，npm默認會安裝

node -v
npm -v

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

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

3、安裝electron

cnpm install  -g  electron

4、驗證electron否安裝成功

electron -v

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

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

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

# 運行
electron .

6、運行效果如下圖

7、具體詳細內容可參見

electron官方文檔

---

轉載聲明：本站文章無特別說明，皆為原創，版權所有，轉載請注明：朝十晚八 or Twowords

---