GitHub
VisualStudio
GitForWindows
VisualStudio2017

VisualStudioとGitHubを連携させてみた

はじめに

一人作業がメインなのだが、GitHubに成果物を公開する癖をつけておきたいので、VisualStudioとGitHubを連携させてみた。

システム要件

必要コンポーネント

  • Git for Windowws

WindowsOSからGit操作をするためにはGitクライアントを導入する必要がある。Gitクライアントがインストールされていないと、後の操作で警告が表示され、先に進めることができない。
※本環境では2.16.3を使用。

Screenshot_NoName_2018-4-2_20-25-6_No-00.png

VisualStudio環境

Visual Studioの更新プログラム"15.6.27428.2037"を適用しないとちゃんと同期できなかった。

導入

1.Git for Windowsをインストールする

Gitのインストールについては別Tipsとしてまとめたいので、ここでは紹介しません。

2.Visual StudioにGitHub連携コンポーネントをインストールする

[ツールと機能の取得]からGitHub連携コンポーネントをインストールする
Screenshot_NoName_2018-4-2_20-14-1_No-00.png

※本環境ではバージョン2.4.3.1737を使用。

3.Visual Studioの更新を適用する

VisualStudioのバージョンが古いとGit連携操作でエラーが出てしまうことがある。

  1. [ツール]-[拡張機能と更新プログラム]をクリック。
    Screenshot_NoName_2018-4-3_22-0-27_No-00.png

  2. VisualStudioの更新があった場合は[更新]を実行。
    Screenshot_NoName_2018-4-3_22-0-34_No-00.png

4.Githubに接続する

  1. [チームエクスプローラー]を表示。
    Screenshot_NoName_2018-4-2_20-40-46_No-00.png

  2. GitHubの[Sign up]をクリックし、GitHubのアカウント情報を入力。
    Screenshot_NoName_2018-4-2_20-41-14_No-00.png

  3. GitHub認証が完了したらレポジトリ操作が可能になる。
    Screenshot_NoName_2018-4-2_20-41-43_No-00.png

5. クローンを作成する

  1. [clone]をクリックし、Githubに作成済みのレポジトリからクローンを作成する。
    Screenshot_NoName_2018-4-2_20-41-43_No-00.png

  2. GitHubに作成したレポジトリと、ソースの保管先を指定し、[Clone]をクリック。
    Screenshot_NoName_2018-4-3_4-31-34_No-00.png

  3. GitHubからクローンを作成したことを確認。
    Screenshot_NoName_2018-4-3_4-40-50_No-00.png

  4. 開くとGitHubの[Code]に表示されているものが確認できる。
    Screenshot_NoName_2018-4-3_4-49-33_No-00.png

6.変更(コミット)と同期(プッシュ)のテスト

  1. テキトーに新しい項目(クラスだったりビットマップだったり)を追加。
  2. チームエクスプローラーにて、[変更]をクリック。
    Screenshot_NoName_2018-4-3_22-11-43_No-00.png

  3. 変更理由を記載し、[すべてをコミット]をクリック。
    Screenshot_NoName_2018-4-3_22-16-12_No-00.png

    Screenshot_NoName_2018-4-3_22-14-12_No-00.png

  4. コミットがローカルGitに作成されたら、[同期]をクリック。
    Screenshot_NoName_2018-4-3_22-17-18_No-00.png

  5. [出力方向のコミット]にある[プッシュ]をクリック。
    Screenshot_NoName_2018-4-3_22-18-12_No-00.png

  6. ブランチのプッシュが開始される。[プッシュされました。]が表示されたら同期完了。
    Screenshot_NoName_2018-4-3_22-18-24_No-00.png

    Screenshot_NoName_2018-4-3_22-18-39_No-00.png

所感

次はGitの使い方についてまとめてみようと思う。
わかったつもりになれる概要と使用イメージのまとめかなー。

参考