Electron

①nodeのインストール

https://nodejs.org/download/

②エレクトロンのインストール

npm -g install electron-prebuilt

③フォルダを作成、移動、package.json作成

npm init -y

//jackage.json
{
  "name": "sample", //名前
  "version": "1.0.0",
  "description": "",
  "main": "index.js", //JSファイル名
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "keywords": [],
  "author": "",
  "license": "ISC"
}

		

④index.htmlとindex.jsを作成

//index.js
// Electronのライブラリを読み込む --- (*1)
 const electron = require('electron')
 const app = electron.app
 const BrowserWindow = electron.BrowserWindow

 // 起動設定 --- (*2)
 const mainFile = 'file://' + __dirname + '/index.html'
 const winSize = {width: 600, height: 830}

 // Electronの各種イベントを処理する --- (*3)
 let win = null // メインウィンドウ
 // Electronの起動準備が整った時 --- (*4)
 app.on('ready', () => {
   // メインウィンドウを作成してメインファイルを読み込む
   win = new BrowserWindow(winSize)
   win.loadURL(mainFile)
   win.on('closed', () => { win = null; })
 })
 // 閉じるボタンの処理 --- (*5)
 app.on('window-all-closed', () => {
   if (process.platform != 'darwin') app.quit()
 })
		

⑤electron .　で起動

⑥パッケージツールインストール

npm i electron-packager -g

⑦パッケージング

electron-packager . sample --platform=win32 --arch=x64 --electronVersion=1.8.3 --icon=icon.ico

platform: all,win32(Win),darwin(Mac),linux
arch: all,ia32(32bit),x64(64bit)
version確認: electron -v