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,出现结果如下:
627405-20160617144013510-636312273.png

转载于:https://www.cnblogs.com/leetao94/p/5593961.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值