技能：Electron开发桌面级应用

此篇为

全栈设计师技能系列

的第6篇。

往期直达：

---

正文：

一、Electron是什么？

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

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

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

虽然还是个实验版本。

还有最近，在结合

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

我开发了一个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的教程网上搜索即可，

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

---

欢迎长按二维码

关注本号

本号发布内容主要为设计&科技方面