Electron入坑笔记

发表于 | 分类于 |

前置条件

1. Node && NPM

前往官方下载, 然后修改为国内的淘宝镜像https://npm.taobao.org/。

1
2
$ npm install -g cnpm --registry=https://registry.npm.taobao.org
$ cnpm install [name]

后面的Shell命令中，用cnpm替代npm

2. Electron

通过npm安装。

1
$ npm install electron -g

在项目中安装。

1
$ npm install --save-dev electron

3. Electron installer

主要用户打包安装包，通过npm安装。

1
$ npm install electron-packager -g

4. Bower && Bootstrap

安装Bower包管理工具，用来管理前端的js、CSS。通过 Bower 可以安装并管理 Bootstrap 的Less、CSS、JavaScript和字体文件。

1
$ npm install -g bower

安装Bootstrap。

1
$ bower install bootstrap

Demo && Examples

electron-quick-start

1
2
3
4
$ git clone https://github.com/electron/electron-quick-start
$ cd electron-quick-start
$ npm install
$ npm start

electron-api-demos

1
2
3
4
$ git clone https://github.com/electron/electron-api-demos
$ cd electron-api-demos
$ npm install
$ npm start