首页
学习
活动
专区
圈层
工具
发布
社区首页 >专栏 >技能:Electron开发桌面级应用

技能:Electron开发桌面级应用

作者头像
mixlab
发布2018-04-16 17:11:12
发布2018-04-16 17:11:12
1.9K0
举报

正文:

一、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的教程网上搜索即可,

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

本文参与 腾讯云自媒体同步曝光计划,分享自微信公众号。
原始发表:2017-05-29,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 科技Mix设计Lab 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档