Zenn
Open2

【Desktopアプリ開発】electron-viteを使ってElectron / Vite / TailwindCSS なデスクトップアプリ開発📝

デスクトップアプリ開発
desktopアプリ開発
electronvite
まさぴょん🐱まさぴょん🐱

環境構築する📝

pnpm create @quick-start/electron

# プロジェクト名 & Templateを最初から指定する場合📝
pnpm create @quick-start/electron my-app --template react-ts

コマンド実行後の選択したち📝

pnpm create @quick-start/electron
.../1971b314677-17e07                    |   +8 +
.../1971b314677-17e07                    | Progress: resolved 8, reused 6, downloaded 2, added 8, done
✔ Project name: … frontend
✔ Select a framework: › react
✔ Add TypeScript? … No / Yes # Yesを選択
✔ Add Electron updater plugin? … No / Yes # Yesを選択
✔ Enable Electron download mirror proxy? … No / Yes # Noを選択

Scaffolding project in /Users/sudamasahiro/Desktop/lab-dx/frontend...

Done. Now run:

  cd frontend
  pnpm install
  pnpm dev