React + Electron + vite + TypeScriptの簡単な環境構築

@quick-start/electronを使おう

この所数日間時間を見つけてタイトルの環境構築を試みていたのだが、
これがなかなかうまくいかない。
そんな中で見つけたのがこちら、@quick-start/electron。
これにはReactのテンプレートも用意されているため、面倒な設定が不要だ。
早速実行手順を紹介する。

1.プロジェクトを作成したいディレクトリで実行

 npm create @quick-start/electron myapp -- --template react; 

2.実行結果

> npx
> "create-electron" myapp --template react

✔ Add TypeScript? … No / Yes
✔ Add Electron updater plugin? … No / Yes
✔ Enable Electron download mirror proxy? … No / Yes

Scaffolding project in /Users/◯◯◯◯/workspace/myapp...

Done. Now run:

  cd myapp
  npm install
  npm run dev

3.npm run devを実行する

この通り環境が構築されている。
コマンド実行後の選択肢についてはお好みだが、一つだけ

✔ Enable Electron download mirror proxy? … No / Yes

こちらはNoを選択するのが良いと思う。
私が試したときYesだと実行されなかった。

参考になれば幸いである。