技能:Electron开发桌面级应用
此篇为
全栈设计师技能系列
的第6篇。
往期直达:
手机App介绍视频:用QuickTime Player录制,keynote剪辑
正文:
一、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的教程网上搜索即可,
建议直接查看官方的英文原版文档。