What is Electron?
image
相信这张图就很充分的说明What is Electron.官网链接
Electron 是使用web页面作为 GUI 页面的一个 Chromium 的浏览器,所以你不必拘泥于GUI页面的框架, Node.js提供了Electron与系统API交互的方式,这是它与普通 web程序最大的不同.
Why use Electron?
- 跨平台
- 桌面应用
- 前端较低技术难度的技术栈以及丰富的脚手架工具
How about Electron?
image
看到这几个项目是不是对Electron有了些信心.
How to start?
npm && Node.js
npm是Node.js的包管理工具（package manager）,在你安装 Node.js 的时候就会安装好.
Node.js 提供了控制 window和系统 API 的接口. 官网链接
墙内环境
由于 npm 被墙导致的不稳定性,强烈建议使用淘宝的cnpm 镜像来替代npm.
淘宝镜像地址,懒得看直接可以 cmd+c/v
npm install -g cnpm --registry=https://registry.npm.taobao.org
alias cnpm="npm --registry=https://registry.npm.taobao.org \
--cache=$HOME/.npm/.cache/cnpm \
--disturl=https://npm.taobao.org/dist \
--userconfig=$HOME/.cnpmrc"
安装 Electron
npm install electron --save-dev --save-exact
如果有网络问题,请使用淘宝镜像.
Demo
到这一步安装已经完成, 建议使用官方推荐的 api-demo测试. 链接
git clone https://github.com/electron/electron-api-demos
cd electron-api-demos
npm install
npm start
