Electronを動かす

Node.jsのインストール

nvm(もしくはnodebrew)を使いインストール

$ nvm install v4.2.1
$ node -v
v4.2.1

yeomanのインストール

Electronの雛形プロジェクトを生成するためにyeomanをインストール

$ npm install -g yo

Electron用のgeneratorをインストール

$ npm install -g generator-electron

Electronをインストール

$ npm install -g electron-prebuilt

Electronの雛形プロジェクト生成

$ yo
? 'Allo horie1024! What would you like to do?
  Run a generator
❯ Electron
  ──────────────
  Update your generators
  Install a generator
  Find some help
  Clear global config
  Get me out of here!
  ──────────────

以下のようにプロジェクトが生成される。

my-app/
├── index.css
├── index.html
├── index.js
├── license
├── node_modules
├── package.json
└── readme.md

Electronをビルド

$ cd my-app && electron .

以下のようにデスクトップアプリとして表示される。

f:id:horie1024:20151018203024p:plain

作成したサンプルアプリ

https://github.com/horie1024/ElectronSampleApp

参考