ドキュメントには頻繁に更新が加えられ、その都度公開されています。本ページの翻訳はまだ未完成な部分があることをご了承ください。最新の情報については、英語のドキュメンテーションをご参照ください。本ページの翻訳に問題がある場合はこちらまでご連絡ください。

Using Codespaces in Visual Studio Code

GitHub のアカウントに GitHub Codespaces 機能拡張を接続することにより、Visual Studio Code で codespace を直接開発できます。

Codespacesは、GitHub FreeもしくはGitHub Proを使っているユーザアカウントで利用できます。 For more information, see "GitHub's products."

ここには以下の内容があります:

注釈: Codespaces は現在限定パブリックベータであり、変更されることがあります。 ベータ期間中、GitHubはCodespacesの可用性について保証しません。 ベータへの参加に関する詳しい情報については「Codespacesについて」を参照してください。

必要な環境

To develop in a codespace directly in Visual Studio Code, you must sign into the GitHub Codespaces extension. The GitHub Codespaces extension requires Visual Studio Code October 2020 Release 1.51 or later.

  1. Use the

Visual Studio Marketplace to install the GitHub Codespaces extension. 詳しい情報については、Visual Studio Code ドキュメントの「Extension Marketplace」を参照してください。 1. Visual Studio Codeの左サイドバーで、 Remote Explorerのアイコンをクリックしてください。 Visual Studio CodeのRemote Explorerアイコン 2. Use the "REMOTE EXPLORER" drop-down, then click GitHub Codespaces. Codespaces ヘッダ 3. [Sign in to view Codespaces...] をクリックします。 [Signing in to view Codespaces] 4. Visual Studio Code からの GitHub のアカウントへのアクセスを承認するには、[Allow] をクリックします。 5. 機能拡張を承認するには、GitHub にサインインします。

Creating a codespace in Visual Studio Code

After you connect your GitHub account to the Visual Studio Codespaces extension, you can develop in a codespace that you created on GitHub or in Visual Studio Code.

  1. Visual Studio Codeの左サイドバーで、 Remote Explorerのアイコンをクリックしてください。
    Visual Studio CodeのRemote Explorerアイコン
  2. Click the Add icon, then click Create New Codespace.
    The Create new Codespace option in Codespaces
  3. Type, then click the repository's name you want to develop in.
    Searching for repository to create a new Codespaces
  4. Click the branch you want to develop on.
    Searching for a branch to create a new Codespaces
  5. Click the instance type you want to develop in.
    Instance types for a new Codespaces

Visual Studio Code で codespace を開く

  1. Visual Studio Codeの左サイドバーで、 Remote Explorerのアイコンをクリックしてください。
    Visual Studio CodeのRemote Explorerアイコン
  2. [Codespaces] で、開発する codespace をクリックします。
  3. [Connect to Codespace] アイコンをクリックします。
    Visual Studio Code の [Connect to Codespace] アイコン

Deleting a codespace in Visual Studio Code

  1. Under Codespaces, right-click the codespace you want to delete.
  2. In the drop-down menu, click Delete Codespace.
    Deleting a codespace in GitHub

Did this doc help you?

Privacy policy

Help us make these docs great!

All GitHub docs are open source. See something that's wrong or unclear? Submit a pull request.

Make a contribution

OR, learn how to contribute.