windows10 electron-react-boilerplateを利用してelectron-react.jsを利用してみる

windows10 electron-react-boilerplateを利用してelectron-react.jsを利用してみる

electron-react.jsの環境構築。 electron-react-boilerplateを利用してインストールしてます。また、nodejsがインストールされることが前提となります

window10にnodejsのインストール手順はこちら

環境

  • OS  windows10 pro
  • node V10.16.3
  • npm 6.9.0
  • Electron 6.0.12

インストール

electron-react-boilerplate を利用してインストールします。今回はtest-projectという名前で作成してます。

起動してみます

起動すると下記の画面が表示されます

「to Counter」をクリックすると、counter機能が実装されていることがわかります。

Hello Worldしてみる

test-project\app\components内のHome.jsのh2タグを下記のように編集する

Hello Worldと表示されます。