9

Electron 简介

Electron提供了丰富的本地(操作系统)的API,使你能够使用纯JavaScript来创建桌面应用程序。
由于electron基于node,使得开发时不用考虑浏览器兼容问题,同时还可以跨平台运行。UI也可以使用现有的 web前端框架。

现在利用electron实现的应用也越来越多了,例如微软的vscode,Github Desktop,Discord,Slack均是采用electron为基础开发的。鉴于开发时需要实现更好的应用端交互效果,故而开始学习Electron。

Electron 安装

首先,安装一个node.js (下载地址),直接下载了按照要求点击运行就可以了。
安装Electron是我是使用node来安装的,不过依旧还是走了个坑。

一开始使用的是:

//提示electron-prebuilt错误,修改为electron
npm install --save-dev electron-prebuilt

//卡在了node install.js
npm install --save-dev electron

最后发现是国外镜像无法访问的缘故(即使是fan qiang),所以使用了淘宝npm镜像来安装。

//首先安装cnpm
npm install -g cnpm --registry=https://registry.npm.taobao.org

//使用cnpm进行安装,使用方法和npm相同
cnpm install -g electron

clipboard.png

出现上图即为安装成功,使用electron -v 即可看到对应的electron版本,我的版本是v1.7.10。
clipboard.png

Electron所需要基本知识:javascript,css,html
使用的软件:Visual Studio,Webstrom
Electron官网:https://electronjs.org/

学习的主要文档:
https://www.w3cschool.cn/elec...
https://electronjs.org/docs


夏大人
18 声望2 粉丝