🌍 Lesson 38 of 40 Remote Dev Expert

GitHub Codespaces & vscode.dev

GitHub Codespaces gives you a full VS Code development environment in the cloud, accessible from any browser. vscode.dev lets you edit code without any environment at all.

95% complete

1What is GitHub Codespaces?

Codespaces spins up a cloud VM with a full Linux environment, your repo checked out, and VS Code (browser or desktop) connected to it. It uses your .devcontainer config, so you get the exact same setup as your local Dev Container.

2Creating a Codespace

On any GitHub repo, click the green Code button → Codespaces → Create codespace on main. Within 30 seconds you have a fully configured dev environment with all extensions, dependencies installed, and the dev server ready to run.

3Connecting Desktop VS Code to a Codespace

Install the GitHub Codespaces extension in desktop VS Code. Press F1 → Codespaces: Connect to Codespace. You get the full desktop editor experience — local keyboard shortcuts, native performance — while the code runs in the cloud.

4vscode.dev — Zero-Install Editing

Navigate to https://vscode.dev/github/owner/repo to open any public GitHub repo in a browser-based VS Code with zero installation. Make quick edits, create PRs, and explore codebases without cloning. Fully supports extensions that run in the browser.

5Codespace Configuration & Prebuilds

Enable Prebuilds in your repo settings — GitHub pre-builds your Codespace image so it starts in under 10 seconds instead of 2 minutes. Configure machine sizes (2, 4, 8, 16, 32 cores) depending on your project's needs.

💡 Tip: Codespaces are billed per hour of active use. Stop your Codespace when not in use — it preserves all your changes but stops the clock. Unused Codespaces auto-stop after 30 minutes of inactivity.