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，出现结果以下: