技能:Electron开发桌面级应用

此篇为

全栈设计师技能系列

的第6篇。

往期直达:

技能之用iMovie制作预告片

手机App介绍视频:用QuickTime Player录制,keynote剪辑

利用Github免费制作app介绍主页

技能之H5

技能之AR技术入门

5个用法,关于Gif。


正文:

一、Electron是什么?

Electron提供了丰富的本地(操作系统)的API,使你能够使用纯JavaScript来创建桌面应用程序。与其它各种的Node.js运行时不同的是Electron专注于桌面应用程序而不是Web服务器。

这并不意味着Electron是一个绑定图形用户界面(GUI)的JavaScript库。取而代之的是,Electron使用Web页面作为它的图形界面,所以你也可以将它看作是一个由JavaScript控制的迷你的Chrominum浏览器。

我用它做了个可视化的爬虫工具

可视化爬虫SPY | 01

虽然还是个实验版本。

还有最近,在结合

设计师会编程、程序员懂艺术的系列文章,

我开发了一个JS Playground for Desginer 的桌面应用。

等系列文章更新完,会发布第一个版本。

二、Electron快速安装指引

ps:

鉴于国内网络的特殊情况,我们先安装下 cnpm;

cnpm是淘宝 NPM 镜像。

以下是Mac的步骤,window系统大同小异。

0、新建个文件夹,然后右键文件夹,选择在当前目录打开终端。

1、首先安装cnpm,终端输入

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

2、使用cnpm进行安装,使用方法和npm相同,终端输入

cnpm install -g electron

3、从git下载初始项目,终端输入

git clone https://github.com/electron/electron-quick-start

4、进入下载完成的初始项目内,终端输入

cd electron-quick-start

5、运行electron,终端输入

electron .

ps:

记得electron后面是个空格跟“.”

重命名electron-quick-start为你想要的名字就行啦~

Electron的教程网上搜索即可,

建议直接查看官方的英文原版文档。


(0)

相关推荐