技能:Electron开发桌面级应用

正文:

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

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

原文发布于微信公众号 - 科技Mix设计Lab(Design-AI-Lab)

原文发表时间:2017-05-29

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏小白课代表

软件分享 | 3DS MAX 2017安装教程

3D Studio Max,常简称为3d Max或3dsMAX,是Discreet公司开发的(后被Autodesk公司合并)基于PC系统的三维动画渲染和制作软件...

1413
来自专栏武军超python专栏

2018年8月9号飞机大战项目答辩得到的经验和基本的win终端命令

今天遇到的新单词: adapter n适配器 virtual adj 虚拟的 interface n接口 corporation n公司,法人

1183
来自专栏jianhuicode

WebPack错误集

webpack-dev-server跨域设置反向代理出现404错误 问题栈 ? 分析解决 看到404后,再次看了下启动服务配置文件,估计是pathRewrite...

3948
来自专栏友弟技术工作室

(效率人生)程序员必备工具Dash

作为一名程序员,每天最常见的动作就是查看各种API文档,你一定也有过同时打开N个窗口(HTML、PDF、CHM),不停的在编辑器与文档之间切换。不仅消耗时间,而...

68210
来自专栏葡萄城控件技术团队

HTML5 & CSS3初学者指南(3) – HTML5新特性

介绍 本文介绍了 HTML5 的一些新特性。主要包含以下几个方面: Web 存储 地理位置 拖放 服务器发送事件 Web存储 HTML5...

2568
来自专栏美团技术团队

LsLoader——通用移动端Web App离线化方案

背景 由于JavaScript(以下简称JS)语言的特性,前端作用域拆分一直是前端开发中的首要关卡。从简单的全局变量分配,到RequireJS实现的AMD模块方...

46417
来自专栏用户2442861的专栏

Chrome开发者工具不完全指南(二、进阶篇)

上篇向大家介绍完了基础功能篇,这次分享的是Chrome开发工具中最有用的面板Sources。  Sources面板几乎是我最常用到的Chrome功能面板,也是...

971
来自专栏小白课代表

Autodesk 3DS MAX 2019安装教程

3D Studio Max,常简称为3d Max或3dsMAX,是Discreet公司开发的(后被Autodesk公司合并)基于PC系统的三维动画渲染和制作软件...

1552
来自专栏小白课代表

软件分享 | 3DS MAX 2016安装教程

3D Studio Max,常简称为3d Max或3dsMAX,是Discreet公司开发的(后被Autodesk公司合并)基于PC系统的三维动画渲染和制作软件...

1042
来自专栏糊一笑

如何在IOS上调试Hybrid应用

最近在找关于在xcode上调试Hybrid应用的方法,比如我想进行断点调试、日志打印已经屏幕适配等等,刻意去搜了下方法,虽然之前已经大致知道了,这里系统归纳一下...

3256

扫码关注云+社区

领取腾讯云代金券