VisualStudioとGitHubを連携させてみた

More than 1 year has passed since last update.


はじめに

一人作業がメインなのだが、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の使い方についてまとめてみようと思う。

わかったつもりになれる概要と使用イメージのまとめかなー。


参考