LoginSignup
6
7

More than 3 years have passed since last update.

VSCodeだけで、gitを操作しよう

Posted at

はじめに

gitのセットアップは済んでいる前提で、話を進めます。インストールが終わってない方は、こちらのページを参考にしてみてください。

vscodeの拡張機能

  • GitLens — Git supercharged
  • Git History
  • Git Graph

gitの用語集

用語 意味
リポジトリ 履歴管理を行う場所
ローカルリポジトリ 自分のPCにあるリポジトリ
リモートリポジトリ GitHubにあるリポジトリ
インデックス コミットしたいファイルを登録する場所
ステージング ファイルをインデックスにあげること
コミット 変更を保存すること
ブランチ 複数の履歴を管理するもの
マージ 片方のブランチの変更を、もう片方のブランチに反映させること
プッシュ ローカルリポジトリの変更をリモートリポジトリに反映させること
プル リモートリポジトリの変更をローカルリポジトリに反映させること
クローン リモートリポジトリをコピーして、ローカルリポジトリを作成すること

参考:https://qiita.com/toshi_um/items/72c9d929a600323b2e77

gitを用いた開発の流れ

  1. GitHubにソースコードをあげる
  2. developブランチを作る
  3. コードを編集する
  4. コミットする
  5. プッシュする
  6. プルする
  7. 3〜6を繰り返す
  8. masterブランチにマージする

基本的にmasterブランチは直接いじらないようにする。

ソースコードをGitHubにあげる

1. gitのソース管理プロバイダに登録する

左のタブで、git(上から三つ目のタブ)を選択して、プラスボタン(赤の丸で囲んだやつ)をクリックする。

スクリーンショット 2019-12-25 14.43.22.png

初回のコミットをする。変更を保存したいファイルの左側にあるプラスボタンを押して、ステージングする。入力欄にコメントを打って、チェックボタン(赤のまるで囲んだやつ)を押すと、コミットができる。

スクリーンショット 2019-12-25 14.56.46.png

2. GitHub上でリポジトリを作る

リポジトリを作成して、URL(赤線で囲んだ部分)をコピーしておく。

スクリーンショット 2019-12-25 14.40.47.png

スクリーンショット 2019-12-25 14.41.00.png

3. GitHubにソースコードをあげる

F1キー(または、fn+F1)を押して、「Git:リモートの追加」を選択する。

スクリーンショット 2019-12-25 15.03.51.png

リモート名は「origin」にする。

スクリーンショット 2019-12-25 15.04.58.png

先ほどコピーしたURLをペーストする。

スクリーンショット 2019-12-25 15.05.03.png

GitHubからソースコードをダウンロードする

GitHubにアクセスして、URL(赤線で囲まれた部分)をコピーする。

スクリーンショット 2019-12-25 15.23.22.png

F1キー(または、fn+F1)を押して、「Git:クローン」を選択する。

スクリーンショット 2019-12-25 15.31.36.png

先ほどコピーしたURLをペーストする。

スクリーンショット 2019-12-25 15.32.53.png

gitの基本的な操作

ブランチを作成する

左下のmasterを選択する。

スクリーンショット 2019-12-25 15.40.18.png

「新しい分岐の作成」を選択する。

スクリーンショット 2019-12-25 15.40.23.png

ブランチ名を入力する。今回は、「develop」にした。

スクリーンショット 2019-12-25 15.40.30.png

変更を保存する(コミットする)

赤線で囲まれたボタンは左から順に、「ファイルを開く」、「変更をステージング」、「変更の破棄」です。今回は、変更を保存したいので、プラスボタンを押してステージングする。

スクリーンショット 2019-12-25 15.48.40.png

入力欄にコメントを追加して、チェックボタンを押す。ちなみに、 「 ⌘ + リターンキー 」 でもコミットできる。

スクリーンショット 2019-12-25 15.54.27.png

変更をGitHubにあげる(プッシュする)

赤線で囲まれた部分をクリックする。初めてこのボタンを押すときは、雲のマークになっている。基本的に、このボタンを押しておけば、リモート上で変更があれば、プルもできる。

スクリーンショット 2019-12-25 16.03.50.png

ブランチを切り替える(チェックアウトする)

左下のブランチ名(赤線で囲まれた部分)をクリックする。

スクリーンショット 2019-12-25 16.21.29.png

切り替えたいブランチを選択する。

スクリーンショット 2019-12-25 16.26.00.png

異なるブランチ同士で変更を合わせる(マージする)

今回は、developブランチでの変更を、masterブランチに反映させる。まず、進んでいない方のブランチに切り替える。(今回は、masterブランチに切り替える)

F1キー(または、fn+F1)を押して、「Git:ブランチをマージ」を選択する。

スクリーンショット 2019-12-25 16.17.48.png

developを選択する。

スクリーンショット 2019-12-25 16.17.55.png

6
7
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
6
7