Has everyone been aware of the feature, that GitHub provides developers, where they can open VS Code in GitHub?

If you didn’t know it before then I am happy to share this.

I recently found out the fact that we can open VS code editor in a browser’s window from a GitHub repository without actually running VS Code from the system. This is cool feature where one can open up any repository and start working on it without the need of cloning as local repo.

There are few ways we can do this:

Firstly you have to go to the repository page where you want to work on

Method 1

Using period

Once you are in the repository, press the period . button on the keyboard, then it will redirect you to a page https://github.dev/(repository-name) .

Here It is going to redirect to https://github.dev/facebook/react

Here you get almost all the features available in VSCode. Its like a remote version of VSCode. Open source communities have made it possible for websites to seamlessly integrate VSCode editors onto platforms.

Method 2

This also requires you to navigate to the repository folder on your github, usually the root folder for your repo.

Then you can go to your URL address bar and edit the link in such a way that you add the letters 1s aat the end of the github domain name.

vs in github

Example:

Before: https://github.com/golang/go
After: https://github1s.com/golang/go

Very similarly, it will redirect and load up the repo in a VSCode themed web code editor.

Ending

I hope you found this article useful. Happy to share. 😃