Electron 入门指北(一)

What is Electron?

相信这张图就很充分的说明What is Electron.官网链接 Electron 是使用web页面作为 GUI 页面的一个 Chromium 的浏览器,所以你不必拘泥于GUI页面的框架, Node.js提供了Electron与系统API交互的方式,这是它与普通 web程序最大的不同.

Why use Electron?

跨平台
桌面应用
前端较低技术难度的技术栈以及丰富的脚手架工具

How about Electron?

看到这几个项目是不是对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