まず、以下の手順に従ってViteプロジェクトを作成します。
- ターミナルを開き、適当なディレクトリに移動します。
- 次のコマンドを実行して、Viteプロジェクトを作成します。
npm init vite@latest次に、Firebaseプロジェクトを作成し、Viteアプリをデプロイします。
- Firebaseコンソールにアクセスし、新しいプロジェクトを作成します。
次に、ViteプロジェクトをFirebaseにデプロイします。
- Viteプロジェクトのルートディレクトリで、次のコマンドを実行してFirebase CLIをインストールします。
npm install -g firebase-tools- 次のコマンドを実行して、Firebaseにログインします。
firebase login- ログインが成功したら、次のコマンドを実行してFirebaseプロジェクトに関連付けます。
firebase use --add-
Firebaseプロジェクトに関連付けるプロジェクトを選択し、エイリアスを設定します。
-
次のコマンドを実行して、Viteアプリをビルドします。
npm run build- ビルドが完了したら、次のコマンドを実行してViteアプリをFirebaseにデプロイします。
firebase deploy --only hostingこれで、ViteアプリがFirebaseにデプロイされました。デプロイ後に表示されるURLにアクセスすると、ウェブアプリを確認できます。
以上が、Firebaseを使用してViteアプリをデプロイする方法の一例です。他にもさまざまな方法がありますが、この手順を参考にしてください。