Visual Studio Code で GitHub リポジトリをクローンして使用する

Visual Studio Code を使用して、GitHub からローカル コンピューターにパブリック リポジトリをクローンする手順について説明します。

リモート リポジトリを開く

ローカル コンピューターでリモート リポジトリを開きます。

アクティビティ バー

1. リモート リポジトリ拡張機能を インストールする
2. Visual Studio Code の左下にあるリモート インジケーターを選択します。
3. 画面の指示に従います。

ステータス バー

このアクションは、この機能からは使用できません。 別のタブを選択します。

コマンド パレット

1. Ctrl + Shift + P のキーの組み合わせを使用してコマンド パレットを開きます。
2. コマンド パレット プロンプトで、gitcl を入力し、[Git: Clone] コマンドを選択し、[GitHub からクローンする] を選択して Enter キーを押します。
3. リポジトリ URL の入力を求められたら、[clone from GitHub]\(GitHub から複製\) を選択し、Enter キーを押します。
4. GitHub にサインインするように求められたら、サインイン プロセスを実行します。
5. [リポジトリの URL] フィールドに「azure-samples/js-e2e-express-server」と入力します。
6. プロジェクトのクローン先となるローカル ディレクトリを選択 (または作成) し、[リポジトリの宛先として選択する] を選択します。
7. 複製されたリポジトリを開くかどうか尋ねる通知が表示されたら、[開く] を選択します。

統合ターミナル

1. [ターミナル] -> [新しいターミナル] から統合ターミナルを開きます。

2. 次の git コマンドを使用してリポジトリを複製します。

   git clone https://github.com/YOUR-NAME-OR-ORGANIZATION/YOUR-REPO-NAME
   

3. Visual Studio Code で開きます。

   code YOUR-REPO-NAME
   

Visual Studio Code では、オペレーティング システムによって提供される Git 認証 (macOS KeyChain や Windows 資格情報マネージャーなど) が Git 機能を使用します。 出力はコマンド パレット > Git: Git 出力が表示されます。

ローカル リポジトリを開く

ローカル コンピューターに既存のリポジトリがあり、それを Visual Studio Code で開く場合は、フォルダーを開くだけです。 Visual Studio Code はサブフォルダーを .git 認識し、関連情報を表示します。

アクティビティ バー

1. Ctrl キーを押しながら + O キー + を押します。
2. フォルダーを選択します。

ステータス バー

このアクションは、この機能からは使用できません。 別のタブを選択します。

コマンド パレット

1. Ctrl + Shift + P のキーの組み合わせを使用してコマンド パレットを開きます。
2. Git を使用してフィルター処理し、Open repository を選びます。
3. リポジトリのルートとして選択するフォルダーを選択します。

統合ターミナル

1. [ターミナル] -> [新しいターミナル] から統合ターミナルを開きます。

2. リポジトリ ディレクトリの Visual Studio Code の新しいインスタンスを開きます。

   code ../dir1/dir2/my-repo
   

新しいリポジトリの初期化

次の手順を使用して、ローカル ソース コード リポジトリを git作成します。

アクティビティ バー

1. アクティビティ バーから [ソース管理] を選択するか、Ctrl + Shift + G のキーの組み合わせを使用します。

2. [リポジトリの初期化] を選びます。

   

ステータス バー

このアクションは、この機能からは使用できません。 別のタブを選択します。

コマンド パレット

1. Ctrl + Shift + P のキーの組み合わせを使用してコマンド パレットを開きます。
2. Git を使用してフィルター処理し、Initialize repository を選びます。
3. リポジトリのルートとして選択するフォルダーを選択します。

統合ターミナル

1. [ターミナル] -> [新しいターミナル] から統合ターミナルを開きます。

2. 次の git コマンドを使用して、git を使用してフォルダーを初期化します。

   git init
   

リポジトリが初期化されたら、 GitHub でリポジトリを作成します。 次に、コマンド パレットからそのリポジトリをリモートとしてローカル プロジェクトに追加します Git: Add remote。

変更の分岐を作成する

新しいブランチを作成して変更をキャプチャし、メインまたは既定のブランチから分離します。

アクティビティ バー

1. アクティビティ バーから [ソース管理] を選択します。
2. [ソース管理] の横にある省略記号 (...) を選択します。
3. [ブランチ] ->[ブランチの作成] を選択します。

ステータス バー

1. ステータス バーでブランチ名を選択します。 コマンド パレットが開きます。

   ステータス バーは Visual Studio Code の下部にあります。

2. コマンド パレットで、[+ 新しいブランチの作成] を選択します。

3. 新しいブランチ名を入力します。

4. 新しいブランチ名を入力します。 ブランチ名はステータス バーに表示されます。

   

コマンド パレット

1. Ctrl + Shift + P のキーの組み合わせを使用してコマンド パレットを開きます。

2. git branch を検索して、Git: Create Branch を選択します。

   

3. testなど、新しいブランチ名を入力します。

4. ブランチ名はステータス バーに表示されます。

   

統合ターミナル

1. [ターミナル] -> [新しいターミナル] から統合ターミナルを開きます。

2. 次の git コマンドを使用して、MY-BRANCH という名前の新しいブランチを作成します。

   git checkout -b MY-BRANCH
   

変更をローカルにコミットする

ブランチに変更を加えたら、変更をコミットします。

アクティビティ バー

1. アクティビティ バーから [ソース管理] を選択します。

2. コミット メッセージを入力し、[コミット] を選択します。

   

ステータス バー

このアクションは、この機能からは使用できません。 別のタブを選択します。

コマンド パレット

1. Ctrl + Shift + P のキーの組み合わせを使用してコマンド パレットを開きます。
2. コマンドパレットで、Git を使用してフィルター処理し、Commit を選択します。
3. コミット メッセージを入力し、Enter キーを押します。

統合ターミナル

1. [ターミナル] -> [新しいターミナル] から統合ターミナルを開きます。

2. 次の git コマンドを使用して、MY-BRANCH という名前の新しいブランチを作成します。

   git commit -m "YOUR COMMIT MESSAGE"
   

ローカル ブランチを GitHub にプッシュする

アクティビティ バー

1. アクティビティ バーからソース管理アイコンを選択します。
2. [ブランチの発行] を選びます。 リポジトリが GitHub に存在しない場合は、リポジトリは自動的に作成されます。

ステータス バー

1. Visual Studio Code のステータス バーで、ブランチ名の右側にあるプッシュ アイコンを選択します。

   

2. ポップアッ プ ボックスからリモート名を選択します。 リモートが 1 つしかない場合、リモート名の選択は求められません。

コマンド パレット

1. Ctrl + Shift + P のキーの組み合わせを使用してコマンド パレットを開きます。
2. コマンドパレットで、Git を使用してフィルター処理し、Push を選択します。
3. 複数のアップストリーム リモートがある場合は、リモートを選択し、Enter キーを押します。

統合ターミナル

1. [ターミナル] -> [新しいターミナル] から統合ターミナルを開きます。

2. 次の git コマンドを使用して、MY-BRANCH という名前の新しいブランチを作成します。

   git push <remote-name> <branch-name>
   

Git 出力の表示

ソース管理拡張機能を使用すると、実行される Git コマンドを表示できます。 これは、コマンドが失敗した場合のデバッグに役立ちます。

1. アクティビティ バーからソース管理アイコンを選択します。

2. 省略記号 (...) を選択し、[Git 出力の表示] を選択します。

   

Git と GitHub を使用するための Visual Studio Code ツール

リポジトリを使用した Visual Studio Code での作業には、個別のツールを使用します。

アイコン	情報	アクセス元
	コマンド パレットの Git コマンド	F1
	ソース管理の拡張機能	アクティビティ バー
	GitHub の Pull Request と Issue の拡張機能	アクティビティ バー
	GitHub リポジトリ拡張機能	コマンド パレット (F1) から「GitHub Repositories: Open Repository...」を検索することで、またはリモート インジケーター (ステータス バーの左隅下にある緑色のボタン) から [Open GitHub Repository...]\(GitHub リポジトリを開く...\) を選択することで、GitHub リポジトリを素早く簡単に開くことができます。

関連リソース

• Web アプリをデプロイする方法
• Visual Studio Code で GitHub を操作する
• 他のバージョン管理プロバイダーで Visual Studio Code を使用する