spider-man-tm / asset-management-simulation-frontend Goto Github PK

# yarn
yarn

# npm（自分はこちらを使用しています）
npm install

# pnpm
pnpm install

# yarn
yarn dev

# npm（自分はこちらを使用しています）
npm run dev

# pnpm
pnpm dev

# yarn
yarn build

# npm（自分はこちらを使用しています）
npm run build

# pnpm
pnpm build

# 以下、インタラクティブで進めていく

? Which Firebase features do you want to set up for this directory? Press Spac
e to select features, then Enter to confirm your choices. (Press <space> to se
lect, <a> to toggle all, <i> to invert selection, and <enter> to proceed)

# こちらを選択（Space押して選択後にEnterで決定）
Hosting: Configure files for Firebase Hosting and (optionally) set up GitHub Action deploys

=== Project Setup

First, let's associate this project directory with a Firebase project.
You can create multiple project aliases by running firebase use --add,
but for now we'll just set up a default project.

# こちらを選択
Use an existing project

? Select a default Firebase project for this directory: (Use arrow keys)

# 先ほど作成したFirebaseプロジェクトを選択

=== Hosting Setup

Your public directory is the folder (relative to your project directory) that
will contain Hosting assets to be uploaded with firebase deploy. If you
have a build process for your assets, use your build's output directory.

? What do you want to use as your public directory? (public)

# Vueの場合、ビルドしたファイルはdistディレクトリに生成されるのこちらを入力

? Configure as a single-page app (rewrite all urls to /index.html)? (y/N)

# Yesを選択することで全てのページがindex.htmlを経由する（＝ home以外をリロードしても404にならない）
# 今回はSPAを作っているのでYesを選択

Set up automatic builds and deploys with GitHub? (y/N)

? For which GitHub repository would you like to set up a GitHub workflow? (for
mat: user/repository)

# 自身のレポジトリを選択
# GitHub Actionsの設定 & Firebase連携に必要な環境変数やkeyなどの設定を自動でやってくれます。

? Set up the workflow to run a build script before every deploy? (y/N)

# Yesを選択

? What script should be run before every deploy?

# とりあえず今回はnpmで管理しているので以下を入力
# npm ci && npm run build

? Set up automatic deployment to your site's live channel when a PR is merged?

# Yesを選択

? What is the name of the GitHub branch associated with your site's live chann
el?

# mainを入力、masterブランチで管理してる場合はそちらを入力

✔  Firebase initialization complete!