GitによるVisual Studioコードのバージョン管理[ガイド]

統合Gitサポート Microsoftの新しいソースコードエディタであるVisual Studio Codeの最大の機能の1つです。 Gitは 分散バージョン管理システム, それはあなたがあなたの作業を追跡し、バージョン間を行き来し、そして同時に異なるブランチで作業することを可能にします。それはGithub、人気のGitリポジトリホスティングサービスによっても使用されます.

ビジュアルスタジオコード デフォルトでGitをサポート, つまり、使用するためにパッケージや拡張機能をインストールする必要はありません。サイドバーには独立した Git ビューをクリックすると素早く開くことができます Git ビューバーのアイコン（VS Codeの部分を参照）、またはCtrl + Shift + Gキーバインドを押す.

Gitをインストールする

Visual Studioコードとして コンピュータのGitインストールを使用します, 最初にGitをインストールする必要があります。 Gitの公式Webサイトからすぐにダウンロードできます。インストールする必要があります 少なくとも バージョン2.0.0 VS CodeのGit機能を正しく動作させるために.

Visual Studioのコードでは可能ですが Gitを視覚的に管理する, コマンドラインからGitの使い方も学びたいのであれば、役に立つリソースがいくつかあります。

Githubの対話型Gitチュートリアル
AtlassianのGitチュートリアル - AtlassianはBitbucketのソースコードホスティングプラットフォーム（Githubに似ている）の背後にある会社です。
AtlassianのGit Cheat Sheet（PDF） - すでにGitを使用している場合はこれが最も速い方法ですが、1つか2つのコマンドを覚えていないでください。
Pro Gitハンドブック全体

リポジトリを初期化する

ワークスペースがまだGitによって追跡されていない場合は、まず次の手順を実行する必要があります。 新しいリポジトリを初期化する. これを行うには、GitビューのInitialize git repositoryボタンをクリックします。.

VS Codeが作成します .git ワークスペース内のフォルダ （これは隠しディレクトリなのでVS Codeからは見ることができませんが、ファイルマネージャのプロジェクトのルートフォルダにあります） 未追跡のファイルをサイドバーに追加する.

ステージ変更

Gitリポジトリを設定した後は、 初期コミットを作成する （コミットとは、後で移動できるリポジトリ全体の記録された状態です）。コミットする前に、Gitで追跡したいファイルをステージングエリアに追加する必要があります。 変更をステージングする. 各ファイルの横にあるホバーに表示される+ボタンをクリックしてそれらをステージングします.

ステージングするファイルをクリックすると、Visual Studioのコードが 変更点 フォルダに 段階的な変更 フォルダ、つまり今では ステージングエリア. あなたがしたい場合は 一度にすべてのファイルをステージングする, の隣に+ボタンがあります 変更点 字幕も（ホバーに表示されます）、そしてそれをクリックしてください.

変更をコミット

段階的な変更はまだ記録されていません。 コミットする, 後で見たり、戻ったりすることができるように リポジトリの現在の状態. 段階的な変更をコミットするためには、 コミットメッセージを追加する 前回のコミット以降に行った変更について説明します。.

私たちの例のように、これが最初のコミットになるでしょう。 “初期コミット” メッセージ。コミットメッセージを入力 入力バーに サイドバーの上部にある 小さな目盛りのアイコン上. これで最初のコミットの準備が整いました。リポジトリの初期状態が記録されました.

あなたのGit作業ディレクトリはきれいで、あなたがこれまでに行ったすべての変更は追跡され、あなたのGit Viewは0の変更があると言っています（それは常にあなたの最後のコミットと比較します）。ワークスペースに新しい変更を加えた場合は、新しい変更がサイドバーに再度表示されます。 もう一度コミットする コミットする価値がある金額に達したら.

下のスクリーンショットでは、コミットした直後のコードエディタがどのように見える必要があるかを見ることができます。.

変更をフォローする

作業を続けるときに、現在のバージョンが前回のコミットとどのように比較されるのかわからない場合は、すぐに違いを確認できます。 Git Viewでは、必要なのは 分析したいファイルをダブルクリック, VS Codeは現在のバージョンと以前のバージョンを並べて表示します。 すぐにそれらを比較する.

以下の変更について話すときは、Visual Studio Codeの変更について知っておくことも重要です。 ガターインジケーター サイドバイサイドビューが開いていなくても、前回のコミットと比較して変更に注釈を付けます。 VSコードの用途 3種類のガターインジケーター：

ある 赤い三角 行削除ごとに
ある 緑色のバー 行追加ごと
ある 青いバー 行修正ごと

枝を作成する

Gitはあなたをすることができます 別の枝で作業する 同時に。これは、新しいソリューションを試すのに役立つだけでなく、開発者が異なるブランチで作業できるチームワークを大幅に促進することもできます（ただし、同じブランチに留まることもできるため、これは必須ではありません）。.

Visual Studioのコードでは、 新しい枝を作る Ctrl + P（MacではCmd + P）を押してクイックオープンパレットを開き、次に git branch 入力バーに入力します。また、新しいブランチの名前をコマンドの末尾に追加する必要があります。.

この例の新しいブランチの名前は次のようになります。 テスト分岐, 私は使用します git branch test-branch ただし、他の名前を使用することもできます。ステータスバーの左側（画面下部の青いバー）で、現在作業中のブランチをいつでもすばやく確認できます。下のスクリーンショットで、私が現在参加していることがわかります。 マスター ブランチ.

チェックアウトブランチ

に 分岐を切り替える, タイプ gitチェックアウト クイックオープンパレット（Ctrl + P / Cmd + P）に入り、利用可能なブランチから選択できます。下のスクリーンショットでは、ステータスバーから、私は現在ブランチにいます。 テスト （私は後にそれを作成しました テスト分岐そして別のブランチに移動したい場合は、ここから選択できます。 マスター そして テスト分岐 枝.

コマンドパレットからGitコマンドを使用する

Gitコマンドにはコマンドパレット（WindowsとLinuxではF1、MacではShift + Cmd + P）からもアクセスできます。他に何もする必要はありません。単にコマンドを入力するだけです。 Git コマンドパレットの中で、あなたはあなたがすぐに選ぶことができる利用可能なコマンドのドロップダウンリストを得ます.

高度なGitオペレーション

これまで、Visual Studio Codeで基本的なGit操作を使用して作業を追跡する方法について説明してきました。 VS Studio Codeには、リモートリポジトリの管理、競合のマージなど、高度なGit機能もあり、VS Codeを外部Gitエディタとして設定することもできます。.

Visual Studio Code Marketplaceには、GitワークフローをさらにプロフェッショナルにすることができるGit関連の拡張機能も含まれています。.

私自身が拡張Git Historyが非常に便利であることを発見しました、それはそれが各コミットの詳細を素早く見ること、そして2つの以前のコミットを並べて比較することを可能にするからです。フロントエンド開発者向けのVS Code拡張に関する以前の記事のGit History拡張についても読むことができます。.