LoginSignup
85
86

More than 5 years have passed since last update.

VisualStudioとGitHubを連携させてみた

Last updated at Posted at 2018-04-02

はじめに

一人作業がメインなのだが、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の使い方についてまとめてみようと思う。
わかったつもりになれる概要と使用イメージのまとめかなー。

参考

85
86
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
85
86