VS CodeのGit機能を使ってgithubにpushする
目次
参考にした記事
今回の記事は以下の記事を参考にしました。
内容はほぼ同じなのでこちらの方が理解しやすいかもしれません。
使うもの
今回使うテスト用のフォルダ。("test"フォルダとした)
gitの設定
最低限の設定としてusernameとemailを設定。
git config --global user.name 'username' git config --global user.email 'username@example.com'
リポジトリの作成
(Git Historyを導入していると)ソース管理の画面であると思うので、リポジトリを初期化するを選択。
first-commit
フォルダを開いて「hoge.txt」というファイルを追加してこれをコミットしてみる。
ソース管理アイコンから変更点である「hoge.txt」の" + "アイコンを押すことでステージにあげることができる。ちなみに下げるには" - "アイコンを押せばいい。
ステージに上げたらメッセージ欄に「first-commit」と入力し、チェックアイコンからコミットする。
コマンドパレットより「Git: View History (git log)」を選択するか右上にあるGitアイコンを押すとヒストリーが見れる。
Commit
以下のように「hoge.txt」の中身をAの文字を追加して、さっきのようにコミットしてみる。
- 「hoge.txt」
// hoge.txtの中身 AAA
コミットのメッセージは適当に「Add AAA」とでもしておく。
「Git: View History (git log)」でヒストリーを見てみる。
※このとき更新されていないという場合はRefreshで更新できる。
Branch
一番下のmasterブランチになっているところを押す。
新しい分岐の作成を選択し、ブランチ名を入力する。 ここでは「new-branch」とした。
new-branchにCommit
つぎに新しいブランチにコミットをしていく。
現在のブランチがnew-branchになっていることを確認して(一番下の青いところ左端)、以下のように「hoge.txt」にBの文字を追加してみる。
- 「hoge.txt」
// hoge.txtの中身 AAA BBB
追加したら「Add BBB」とコメントしてコミットしてみる。
※Refreshで更新してもないってときは表示してるブランチが違うかもしれないので、3つ左の表示ブランチをAllとかに変えると表示されるかもしれない。
うまくブランチでコミットできているかの確認のためコミットをしていく。
以下のように「hoge.txt」にCの文字を追加してみる。
- 「hoge.txt」
// hoge.txtの中身 AAA BBB CCC
BranchをMarge
ブランチをmasterにマージする。
ブランチ先をmasterに変更後に「Add CCC」のmoreを選択して「Merge this commit into current branch」のコマンドを実行する。
マージ元「new-branch」を選択する。
GithubにPush
今までの内容をGithubにプッシュする。
今回使うリポジトリを適当に作成「リポジトリ名:test-repository」
コマンドパレットから「Git: Add Remote」を実行してリモート名をoriginと設定しておく。(初回の場合はgithubどこー?って聞かれるかも)
ソース管理の三点アイコン(…)からプッシュを選択。
ソース管理のアイコンに時計マークがついてGithubにプッシュされたと思うので確認してみる。
- 「hoge.txt」
- 「hoge.txt」の中身
赤でorigin/masterと表示されているはず。
LogからBranchの作成
「Add BBB」の青字でBranchと書いてあるところを押すとブランチが作成できる。
「new-branch2」と名前をつけて新しいブランチを作成する。
おまけ
大体は上の感じでわかると思う。
Conflictの対応
① ブランチ「new-branch2」に変更して「CCC」を「DDD」に変更して「Add DDD」でコミットしてみる。
DDDの内容は以下の通り。
AAA BBB DDD
② ログは以下の通りになるはず。
③ これをmasterにマージする。
「new-branch2」から「master」に変更してマージ。
④「hoge.txt」がこんな感じになってるので、今回は「両方の変更を取り込む」を選択してみる。
⑤ 取り込んだ結果は以下のようになるので、コミットしておく。
AAA BBB CCC DDD
コードの一部をCommit
① 「hoge.txt」を以下のようにして、EEEだけコミットしたいとする。
AAA BBB GGG CCC FFF DDD EEE
ソース管理の「hoge.txt」からEEEの部分を右クリックして「選択した範囲をステージする」を選択する。
そのままコミットするとEEEのみがコミットされる。
「Git: View History (git log)」でも確認してみる。
いらない変更点(GGG・FFF)は ソース管理の「hoge.txt」の戻るみたいなアイコンから破棄できる。
今までの結果をプッシュしておく。
単純なPull
Github側の変更(Add FFF)をプルする。 変更点は以下の通り。
AAA BBB CCC DDD EEE FFF
ソース管理の三点アイコン(…)からプルを選択するだけ。 ログはこんな感じになる。