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

  • [アーティクル]

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

リポジトリの複製

開始するには、次の手順を使用してサンプル https://github.com/Azure-Samples/js-e2e-express-serverプロジェクト をダウンロードします。

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

  2. コマンド パレットプロンプトで、「」と入力 gitclし、 Git: Clone コマンドを選択し、[ GitHub から複製 ] を選択して Enter キーを押します。

    Visual Studio Code コマンド パレットのプロンプトに gitcl コマンドを入力

  3. リポジトリ URL の入力を求められたら、[clone from GitHub](GitHub から複製) を選択し、Enter キーを押します。

  4. GitHub にサインインするように求められたら、サインイン プロセスを実行します。

  5. [リポジトリの URL] フィールドに「azure-samples/js-e2e-express-server」と入力します。

  6. プロジェクトの複製先となるローカル ディレクトリを選択 (または作成) します。

    テキストに一致する可能な GitHub リポジトリを示す Visual Studio Code のスクリーンショット。

  7. 複製されたリポジトリを開くかどうか尋ねる通知が表示されたら、 [開く] を選択します。

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

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

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

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

    [リポジトリの初期化] ボタンを示す Visual Studio のスクリーンショット。

変更用のブランチを作成する

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

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

    「git branch」を検索し、次を選択します: [Git:Create Branch]。

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

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

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

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

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

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

  2. コマンドパレットで、Git を使用してフィルター処理し、Commit を選択します。

  3. コミット メッセージを入力し、Enter キーを押します。

    yarn.lock ファイルを Git に追加

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

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

Git 出力の表示

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

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

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

    Visual Studio Code のソース管理。[Git 出力の表示] 選択項目が強調表示されています。

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

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

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

次のステップ