视频教程 :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
如果是安装的二进制版本,那直接打开

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