クイックスタート: VS Code でソース管理を使用する

Visual Studio Code での Git の操作を数分で開始できます。このガイドでは、リポジトリのセットアップ、変更の保存、コードの同期といった基本事項を網羅しています。

前提条件

  1. Git のインストール: コンピューターに Git がインストールされていることを確認してください。Git をダウンロード

  2. VS Code を開く: 最新バージョンの Visual Studio Code がインストールされていることを確認してください。

ステップ 1: プロジェクトを開く

既存の Git リポジトリから始めるか、ローカルのプロジェクトフォルダーから始めることができます。

オプション A: リポジトリをローカルにクローンする

GitHub、Azure DevOps、その他の Git プロバイダーで既にホストされているコードで作業したい場合は、リポジトリをクローンします。以前にリポジトリをクローンしたことがある場合は、そのフォルダーを直接 VS Code で開くことができ、VS Code は自動的に Git リポジトリを検出します。

VS Code でリポジトリをクローンするには

  1. [ソース管理] ビュー (⌃⇧G (Windows, Linux Ctrl+Shift+G)) を開き、リポジトリのクローンを選択します。

    Screenshot of the Source Control view with the Clone Repository button highlighted.

    または、コマンドパレット (⇧⌘P (Windows, Linux Ctrl+Shift+P)) を開き、Git: Clone と入力します。

  2. リポジトリの URL を入力します (例: https://github.com/microsoft/PowerToys)

    GitHub からクローンを作成する場合は、GitHub からクローンを選択して GitHub アカウントにサインインし、リポジトリのリストを表示することもできます。

  3. コンピューター上のプロジェクトを保存する親フォルダーを選択します

  4. プロンプトが表示されたら 開く を選択して、クローンしたリポジトリを VS Code で開きます

  5. ワークスペースの信頼ダイアログで、リポジトリを信頼するかどうかを確認します

    注意

    信頼できるソースのリポジトリのみを信頼してください。信頼できないコードはコンピューターに損害を与える可能性があります。

オプション B: ローカルフォルダーでリポジトリを初期化する

Git で新しいプロジェクトを開始するには、既存のローカルフォルダーでリポジトリを初期化します。このオプションを使用すると、フォルダー内に新しい Git リポジトリが作成され、変更の追跡が開始されます。

  1. プロジェクトフォルダーを VS Code で開きます (ファイル > フォルダーを開く...)。

  2. [ソース管理] ビュー (⌃⇧G (Windows, Linux Ctrl+Shift+G)) を開き、リポジトリの初期化を選択します。

    Screenshot of the Source Control view with the Initialize Repository button highlighted.

    または、コマンドパレット (⇧⌘P (Windows, Linux Ctrl+Shift+P)) を開き、Git: Initialize Repository と入力します。

ステップ 2: 変更の作成と確認

Git はプロジェクト内のファイルへの変更を追跡します。VS Code の [ソース管理] ビューは、コマンドラインを使用せずにこれらの変更を管理するためのハブです。

簡単なコード変更を行い、[ソース管理] ビューと差分エディターを使用して確認してみましょう。

  1. プロジェクト内の既存のファイルを編集し、保存します。

    新しいリポジトリを初期化したばかりの場合は、次のステップに進むことができます。

  2. [ソース管理] ビュー (⌃⇧G (Windows, Linux Ctrl+Shift+G)) を開きます。

    変更されたファイルが [変更] リストの下に表示され、その横に「U」(追跡対象外) または「M」(変更済み) アイコンが表示されていることに注目してください。アクティビティバーのソース管理アイコンにも、影響を受けたファイルの数を示すバッジが表示されます。

    Screenshot of the Source Control view showing a modified and new file under Changes.

  3. ファイルの変更を確認するには、[ソース管理] ビューでそのファイルを選択して差分エディターを開きます。

    差分エディターには、ファイルの現在のバージョンと最後にコミットされたバージョンの違いが表示されます。ウィンドウの幅が十分にある場合は、サイドバイサイドで比較が表示されます。そうでない場合は、インラインで変更箇所が表示されます。

    Screenshot of the Diff Editor showing side-by-side changes between file versions.

    ヒント

    Copilot のサブスクリプションがある場合は、[ソース管理] ビューの [コードレビュー] ボタンを選択すると、コミット前に AI によるコードレビューを実行できます。

    Screenshot of the Code Review button in the Source Control view.

ステップ 3: ステージングとコミット

Git は、ステージング (準備) とコミット (保存) という 2 段階のプロセスを使用して変更を保存します。[ソース管理] ビューでは、変更は最初に [変更] にリストされ、ステージングすると [ステージされている変更] に移動し、コミットの準備が整います。

  1. 変更をステージングするには、次のいずれかを実行します

    • [変更] リスト内のファイルにマウスを合わせ、+ (プラス) を選択してステージングします

      Screenshot of the Source Control view with the Stage Changes button highlighted.

    • [変更] リスト内のファイルを右クリックし、変更のステージを選択します

    • [変更] ヘッダーにマウスを合わせ、+ (プラス) ボタンを選択してすべての変更を一度にステージングします

  2. (オプション) 必要に応じて、変更のステージング解除や破棄を行うことができます

    • ファイルのステージングを解除するには、[ステージされている変更] リスト内のファイルにマウスを合わせ、- (マイナス) ボタンを選択します

    • ファイルへの変更を破棄するには、[変更] リスト内で右クリックし、変更の破棄を選択します

  3. ステージングされた変更をコミットするには、コミットメッセージを入力します。

    1. [ソース管理] ビュー上部のテキストボックスにコミットメッセージを入力します。

      コミットメッセージ入力ボックスのキラキラアイコン を選択することで、AI を使用してステージングされた変更に基づくコミットメッセージを生成することもできます。

    2. コミットを選択して、Git の履歴に変更をコミットします

      Screenshot of the Commit button in the Source Control view.

      コミット後、ステージングされた変更は [ソース管理] ビューから消去され、ローカルの Git 履歴に保存されます。

      注意

      ステージングされた変更のみがコミットに含まれます。ステージングされていない変更がある場合は、今後のコミットのために [変更] リストに残ります。

  4. コミット履歴を表示するには、[ソース管理] ビューで ソース管理グラフ を選択します。

    Screenshot of the Source Control Graph in the Source Control view.

ステップ 4: サーバーとの同期

リポジトリがリモートサーバー (GitHub や Azure DevOps など) に接続されている場合は、ローカルのコミットをリモートリポジトリと同期できます。

  1. [ソース管理] ビュー (⌃⇧G (Windows, Linux Ctrl+Shift+G)) を開きます。

  2. 変更の同期を選択して、リモートから最新の変更をプルし、ローカルのコミットをプッシュします

    Screenshot of the Sync Changes button in the Source Control view.

    または、ステータスバーに同期ステータスが表示されており、同期アイコン (回転する矢印) を選択することで変更を同期できます。

  3. これを選択すると、サーバーから新しい変更をプルし、自分のコミットをプッシュします。

  4. 個別にプルまたはプッシュするには、[ソース管理] ビューで省略記号メニュー (...) を選択し、プルまたはプッシュを選択します。

    Screenshot of the Pull and Push commands in the Source Control view ellipsis menu.

ヒント

ローカルフォルダーから開始した場合 (オプション B) で、それを GitHub に保存したい場合は、[ソース管理] ビューの GitHub に公開 ボタンを使用します。

次のステップ

基本を習得したら、その他の機能を探索してみましょう

© . This site is unofficial and not affiliated with Microsoft.