フロントエンド環境構築

  1. VSCodeをダウンロードする
  2. Runjsをダウンロードする
  3. VSCode拡張機能を入れる
    • prettier
    • stylelint
    • eslint
    • auto close tag
    • auto rename tag
    • project manager
    • Japanese Language Pack for Visual Studio Code
    • Vue Language Features (Volar)
    • TypeScript Vue Plugin (Volar)
  4. Githubアカウントを作成する
  5. Homebrewをインストールする
  6. brewでnodenvをインストールする
  7. nodenvでnode のversion18系の最新版とversion20系の最新版を入れておく
  8. brewでgitをインストールする
    • 下記コマンドですでにgitがインストールされている場合はこのステップはOK
witch git
git version
  1. ターミナルで最初打っておくべきコマンドを打つ
git config --global core.autocrlf false
  1. VSCodeのcodeコマンドを有効化する

リポジトリ作成と初期化

  1. Githubで新しいprivateリポジトリを作成する
  2. リポジトリのgit URLをコピーする screenshot_github
  3. リポジトリをローカルに落としてくる
git clone (Git URL)
code (cloneしたフォルダ名) -r
  1. 設定する
git remote add origin (Git URL)
git config --local user.name (githubアカウントのユーザー名)
git config --local user.email (githubアカウントのメールアドレス)
git config --local --list でちゃんと設定されているか確認