2018年10月14日日曜日

【electron】angular-electron の Getting Started 【Angular】

はじめに

AngularでWindowsアプリを作れるみたいだが、どうやるのか調査した。そのときのGetting Startedを以下にまとめる。

環境

  • OS: Windows10
  • Node: 10.11.0
  • Angular CLI: v6.1.2
  • Electron: v2.0.7
  • Electron Builder: v20.28.1

Getting Started

ローカルにクローン
git clone https://github.com/maximegris/angular-electron.git
依存関係をインストール
cd angular-electron
npm install
Angular-cli をグローバルインストール(既にインストール済みならば、不要)
npm install -g @angular/cli

ビルド

windowsアプリ作成コマンド実行
npm run electron:windows

起動確認

 releaseフォルダがカレントフォルダに作成される。その中に「angular-electron 4.2.2.exe」がある。ダブルクリックすると、以下のような画面が立ち上がる。