VSCode – Git – GitHubの使い方メモ

ローカルにGit作成→GitHubにリポジトリ作成

VSCodeでローカルGitリポジトリを作成し、それをGitHubに(リポジトリ作成)アップロードして利用するまでの手順。

前提

  • VSCode がインストール済み
  • Git がインストール済み
  • GitHub アカウントを所持

手順

  1. VSCode上でローカルGitリポジトリを作成
    • VSCodeでGitを作成するフォルダを開く(右クリック>統合ターミナルで開く)
    • Git初期化 ‘git init’
    • .gitignore など初期ファイルを作成(任意) ‘echo “node_modules/” >> .gitignore’
    • 変更をステージング ‘git add .’
    • コミット ‘git commit -m “Initial commit”‘
  2. GitHubに新しいリポジトリを作成
    • Create a new repository
    • リポジトリ名を入力(例:フォルダの名前, my-project, など)
    • 「Private」に変更(そのフォルダを一般公開しない場合)
    • Add a README fileのチェックは無い方が良い(今回のケースでは)
    • Add .gitignoreも’None’のままの方が良い
    • 「Create repository」をクリック
  3. ローカルとGitHubを接続
    • GitHubで表示されたURLをコピー(例:https://github.com/username/my-project.git)
    • VSCodeターミナルでリモート登録 ‘git remote add origin https://github.com/username/my-project.git’
    • 最初の push ‘git branch -M main’, ‘git push -u origin main’,
    • ‘git push -u origin main’でエラーが発生した場合

メインに変更点をpush(GitHubにアップロード、個人向け)

git add .
git commit -m "変更点の説明"
git push origin main

更新されたリポジトリをpull(ローカルにダウンロード)

git pull origin main

ターミナル基本操作コマンド

ディレクトリ移動

cd folder

新規ディレクトリ(フォルダ)作成

mkdir folder

新規ファイル作成

touch file.txt

ターミナルクリア

clear

Node.jsスクリプト実行

node script.js

Git基本操作コマンド

コミット:変更をローカルに保存

git add .
git commit -m "コミットメッセージ"

プッシュとプル:リモートリポジトリとの同期

  • プッシュ:ローカルからGitHubへ更新を同期
  • プル:GitHubからローカルへ更新を同期
git push origin <branch_name>
git pull origin <branch_name>

エラー

‘git push -u origin main’でエラーが発生した場合

最初のpushでえらーが発生した場合「Readme」などのファイルがGitHub上で作成されそれが競合している可能性が高いです。
重要なファイルがGitHub上に無い前提で、以下のコマンドをターミナルで実行します。

git push origin main --force

競合が発生した場合の対処

Gitで「This branch has conflicts that must be resolved」というメッセージが表示された場合、マージ時に競合(conflict)が発生していることを意味します。

競合を解消する手順

  1. 競合が発生したブランチを確認
  2. 競合ファイルを確認
  3. 競合の解消
  4. 競合解消後のステータス確認
  5. マージコミット作成
  6. 変更をリモートにプッシュ

1.競合が発生したブランチを確認

その他

GitHubにプッシュしているのに何故「プルリクエスト」なのか?

Gitの設計上、安全と分散開発のため他人のリポジトリに勝手にPushできません。
よって相手に”Pushさせて”という「プッシュリクエスト」ではなく、相手に”Pullしてもらう”「プルリクエスト」という受け身の依頼になります。

  • Push:自分が「アップロードする」
  • Pull:他人が「取り込む」
  • Pull Request:他人に「Pull」を依頼する手続き