【忘備録】Electronを利用したデスクトップアプリの作成手順

概要

3つの手順でデスクトップアプリの雛形が作成できたため、メモ程度に記録する。

Node.jsのインストール

以下からインストーラをダウンロードしインストールを行う。
基本的にデフォルトの設定のまま進めていく。

npmを使用しテンプレートを作成

以下のコマンドを入力する。

npm create @quick-start/electron@latest

いくつか質問されるので、以下のように入力する。

Ok to proceed? (y) y
? Project name: » electron-app
? Select a framework: » react
? Add TypeScript? ... Yes
? Add Electron updater plugin? » No
? Enable Electron download mirror proxy? » No

アプリの実行

以下のコマンドを入力し、アプリを実行する。

cd electron-app
npm install
npm run dev

以下のようなアプリが立ち上がる。