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

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

リポジトリの複製

GitHub リポジトリを複製する行為は、クラウドベースのソース コードをローカル開発環境に取り込むことです。

アクティビティ バー

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

ステータス バー

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

コマンド パレット

1. Ctrl + Shift + P のキーの組み合わせを使用してコマンド パレットを開きます。
2. コマンド パレットプロンプトで、次のように入力gitclし、Git: Clone コマンドを選択し、GitHub から [Clone]\(複製\) を選択して 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. ターミナルをその新しいサブディレクトリに変更します。

   cd YOUR-REPO-NAME
   

4. 次に Visual Studio Code で開きます。

   code .
   

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

GitHub リポジトリをまだ持っていないが、ローカルでプロジェクトを開始したい場合は、git でフォルダーを初期化します。

アクティビティ バー

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

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

   

ステータス バー

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

コマンド パレット

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

統合ターミナル

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

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

   git init
   

変更の分岐を作成する

アクティビティ バー

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 を使用する