Electron 入門指北(一)

一銘發表於2018-04-01
原文網址 : https://juejin.im/post/5ac0580b6fb9a028d5673d51

What is Electron?

Electron 入門指北(一)
相信這張圖就很充分的說明What is Electron.官網連結 Electron 是使用web頁面作為 GUI 頁面的一個 Chromium 的瀏覽器,所以你不必拘泥於GUI頁面的框架, Node.js提供了Electron與系統API互動的方式,這是它與普通 web程式最大的不同.

Why use Electron?

  • 跨平臺
  • 桌面應用
  • 前端較低技術難度的技術棧以及豐富的腳手架工具

How about Electron?

Electron 入門指北(一)
看到這幾個專案是不是對Electron有了些信心.

How to start?

npm && Node.js

npm是Node.js的包管理工具（package manager）,在你安裝 Node.js 的時候就會安裝好. Node.js 提供了控制 window和系統 API 的介面. 官網連結

牆內環境

由於 npm 被牆導致的不穩定性,強烈建議使用淘寶的cnpm 映象來替代npm. 淘寶映象地址,懶得看直接可以 cmd+c/v

npm install -g cnpm --registry=https://registry.npm.taobao.org
複製程式碼
alias cnpm="npm --registry=https://registry.npm.taobao.org \
--cache=$HOME/.npm/.cache/cnpm \
--disturl=https://npm.taobao.org/dist \
--userconfig=$HOME/.cnpmrc"
複製程式碼

安裝 Electron

npm install electron --save-dev --save-exact
複製程式碼

如果有網路問題,請使用淘寶映象.

Demo

到這一步安裝已經完成, 建議使用官方推薦的 api-demo測試. 連結

git clone https://github.com/electron/electron-api-demos
cd electron-api-demos
npm install
npm start
複製程式碼

Let's start Electron!

相關文章