Linux下Electron的Helloworld

什麼是Electron

Electron 框架的前身是 Atom Shell，能夠讓你寫使用 JavaScript，HTML 和 CSS 構建跨平臺的桌面應用程序。它是基於io.js 和 Chromium 開源項目，並用於在 Atom 編輯器中。Electron 是開源的，由 GitHub 維護，有一個活躍的社區。最重要的是，Electron 應用服務構建和運行在 Mac，Windows 和 Linux。

環境的搭建

由於運行須要依賴於Node.js，因此第一步是安裝Node.js
安裝方法網上有兩種，第一種是Source Code源碼，另外一種是編譯好的文件。
我第一種最終安裝失敗，採用第二種安裝成功。

1. 編譯好的文件
   從官網上下載對應版本的文件，而後解壓，解壓完成以後回發現bin目錄存在node以及npm，其實到這裏以及基本能夠，固然爲了使用方便，咱們把其命令設置爲全局的，切到node和npm所在目錄，執行以下命令

ln -s /path_to_node/node /usr/local/bin/node
ln -s /path_to_node/npm /usr/local/bin/npm

1. 源碼編譯
   須要下載Source Code，編譯須要必定的時間
   在root權限下執行

tar xvf node-v0.10.28.tar.gz 
cd node-v0.10.28 
./configure 
make 
make install 
cp /usr/local/bin/node /usr/sbin/

查看當前安裝的Node的版本

node -v

3.apt-get
這種方式不推薦，就不提了

Node.js安裝完成以後就是Electron的安裝了，按照github上的步驟，在官網上下載特別慢，因此須要淘寶的鏡像

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

而後找到electron所在目錄，個人是在dist文件夾下，而後使用ln設置爲全局，而後下載官網上的electron-quick-start demo，解壓，而後運行npm start，出現結果以下: