<!--
  canonical-url: https://www.avonture.be/blog/vscode-github-dev
  published:     2023-11-27
  This is a static plain-Markdown mirror generated at build time.
  Visit the canonical URL above for the fully rendered page, with images and interactive components.
-->

# Start vscode from github.com

> Did you know you can open VSCode for any GitHub repository instantly? Discover the secret shortcut—just press the dot key (.). Start coding online now!

---
![Start vscode from github.com](/img/v2/vscode_tips.webp)

**TL;DR**

This article shares a quick trick: pressing the `.` key on any GitHub repository page (or swapping `.com` for `.dev` in the URL) opens that repository in VSCode online (vscode.dev/github.dev) — handy for making a quick edit or fixing a typo from a phone or a machine without a local clone.

It's not something new, but it's probably not known well enough: by browsing **any** GitHub repository like e.g. <https://github.com/cavo789/blog>, you can just press `.` (the dot key) on your keyboard to start VS Code online to see the current repository in vscode.dev.

Here is the blog in vscode.dev: <https://github.dev/cavo789/blog>.

*This is the lightest of three ways to code without a local VSCode. The two others: [a full VSCode in your browser via Docker](/blog/vscode-code-server) and [SSH Remote development with VSCode](/blog/vscode-remote-ssh).*

> **Change the domain extension to github.dev:**
>
> You can achieve the same result by updating the URL and changing the `.com` extension to `.dev`

## But what's the point? Why would I need it

Imagine you are not at home, on your own computer, and you want to change your repository?

But also that you are on a bus/train/plane and want to correct a typo you've just seen.

You may also want to make a very small update like changing your readme.md file. It is really faster to do it online than having to clone/update the project on your computer, make the change, add/commit/push it.

This trick is limited to GitHub repositories though. If you need a real, full editor on a machine where VSCode isn't installed, run it as a container instead: [Do I need VSCode on my machine to use it?](/blog/vscode-code-server).

![Using a smartphone](./images/smartphone_view.webp)

Just browse to your repository using your smartphone, nothing more than using a basic web browser, change the extension to `.dev` and bingo, you can start editing your repository (or the one of someone else if you want to suggest a Pull request (aka a `PR`)).

Read more on <https://github.com/github/dev> or <https://docs.github.com/en/codespaces/the-githubdev-web-based-editor>.
