Git の使用手順 with Visual Studio Code

## 概要
頻繁に使うGitの使用手順を整理したものです。
## ① 新規リポジトリの作成
Githubで新規リポジトリを作成する。「New repository」をクリック。
![新規リポジトリ作成1.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/739586/6e50df40-caab-667e-e2d3-40526b20b000.png)
## ② リポジトリー設定を登録
お好みの設定を入力して、「Create repository」をクリック。
![新規リポジトリ作成2.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/739586/c4c44c8a-e5b2-fc48-86b9-4a98b032131c.png)
## ③ Githubからローカルへ情報取得
【コマンド】git clone URL
VSCode側での操作。「リポジトリーのクローン」をクリック。
URLの入力を求められるので、Githubから取得したURLを貼り付けてEnter入力。
![クローン2.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/739586/db81aac8-7dae-2ced-53a6-6225e96489ae.png)
![クローン1.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/739586/a45d90eb-83ab-9c7d-58dd-eb9fe7f8f05f.png)
取得後。
![クローン後.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/739586/6d801342-4c8f-5407-497b-99e0c456c0c6.png)
## ④ mainブランチの最新化
【コマンド】git pull
特にチームで開発する場合はブランチ作成前にプルしておく。
※ 最新の環境から新規ブランチを作成するため。
![プル.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/739586/4d639332-9242-9de9-2631-e9580e58b0da.png)
## ⑤ ブランチの新規作成
【コマンド】git checkout -b 作成したいブランチ名
mainブランチからトピックブランチを作成する。
![ブランチ新規作成.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/739586/67768179-609e-859d-a9e4-ddc5021f01c6.png)
ブランチ作成後。作成したブランチ名が表示されていることを確認。
![ブランチ作成後.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/739586/bfca559b-49f0-dcfd-e984-4ac2122dadb1.png)
## ⑥ ソースコードの修正
![編集.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/739586/6a05ce09-a420-c1d1-e135-a104c3ddbe8b.png)
## ⑦ 修正内容をステージング
【コマンド】git add
![GitAdd.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/739586/be4bca88-041d-9af9-0ab2-413a9a3735c7.png)
## ⑧ 修正内容をコミット
【コマンド】git commit -m "記載したいメッセージ"
![gitCommit.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/739586/b3e5972c-4505-3585-67d3-cc647250aadb.png)
## ⑨ 修正内容をGithubに反映
【コマンド】git push
![プッシュ.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/739586/5ede6fbd-c012-f356-c492-58185193fed0.png)
Github上には、このブランチを作成していないため、下の画像のようなメッセージが出ます。
「ＯＫ」を押します。
![ブランチ公開.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/739586/43a5b87c-b726-8c4b-38a2-186a0d38a394.png)
反映後のGithub。
【Mainブランチ】
![ブランチ公開後1.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/739586/379ffacd-e637-0c4a-881b-b653d2906059.png)
【作成したtestブランチ】
testブランチが作成されていること、修正内容が意図したものになっていることを確認。
![ブランチ公開後2.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/739586/eca0b087-aee2-bc6f-2152-d8b6171ecddb.png)
## ⑩ プルリクを送る
「Mainブランチに作成したブランチの修正内容を反映してほしい」というお願いを出す。
「Compare & pull request」を押すと、下の画面が表示される。
![マージ1.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/739586/93a8f279-654d-1c4c-a1ca-f29aee69c4d4.png)
差分を確認。
![マージ2.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/739586/fa1e364a-2bd2-123f-5174-3d31a2f62996.png)
「Confirm merge」をクリックすると、Mainブランチに変更が反映される。
![マージ3.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/739586/cff90c77-d823-c3e1-dc5f-2c5a1ce30874.png)
「Confirm merge」クリック後。
![マージ4f.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/739586/2938e8d9-5bc1-d9b3-4284-a503b895f4cc.png)
mainブランチに変更が反映されていることを確認。
![マージ5.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/739586/d620ffd3-9391-c43b-e575-5dc26761e83c.png)

## その他
UIは記事作成当時のものを使用しているため、変更される可能性があります。