electron使用教程和环境搭建

开发工具与奇技淫巧 workingTime 2190℃ 0评论

视频教程 :http://www.ejiakt.com/album/show/241

中文API :https://github.com/electron/electron/tree/master/docs-translations/zh-CN

Electron,这是一个跨平台的桌面app开发工具,使用了html、css、js来构建桌面应用,我们知道在构建桌面应用有很多框架和工具可以使用node-webkit什么的也可以达到实用。但是webkit具有很多缺点比如打包之后太过庞大,今天我们要介绍的electron究竟表现如何呢?我们来看看

Build cross platform desktop apps with web technologies,官方的主题就是通过网页技术来构建跨平台的桌面应用。

Electron has since been used to create applications by companies like Microsoft, Facebook, Slack, and Docker.目前已经有很多大公司在使用electron来构建自己的桌面应用,这些都是平台是否可以健康发展的一个象征。

Electron安装

这里介绍了2种方式去运行Electron项目的工程

  • 我们可以通过简单的npm命令来安装:
#Install the `electron` command globally
npm install electron-prebuilt -g
#Install as a development dependency
npm install electron-prebuilt --save-dev
#这个命令由于网络问题无法执行,所以还是选择第二种方式安装吧

同时呢需要注意他的依赖是io.js所以我们需要使用node的版本其实是iojs

sudo n io 1.8.1

使用这样的命令来安装iojs。

  • 如果你觉得麻烦或者是网速不给力,我推荐你直接下载二进制版。下载完成之后安装,我们就可以使用electron了。

通过Electron运行App程序

运行App也有两种方式,如果我们是通过命令行来安装的Electron,则运行时也要通过命令行来运行App.

# 进入项目目录,执行如下命令:
cd electron-quick-start
# 运行App命令
npm install && npm start

如果是安装的二进制版本,那直接打开
屏幕快照 2015-04-30 下午2.36.41

将App文件夹直接拖动到虚线去即可运行啦!

转载请注明:R&M » electron使用教程和环境搭建

喜欢 (0)or分享 (0)
发表我的评论
取消评论

表情

ICP号:京ICP备14044161号;联系我:rm@rmworking.com