DEV Community

Douglas Romão
Douglas Romão

Posted on

Edit Github repository from web with VS Code web-based editor

Hi there 👋🏻,

Today I had one of those mind-blowing moments when participating on a meeting regarding the M365 Platform & Power Platform Community Program (https://pnp.github.io/).

I discovered that we can actually open VS Code in a Web version from a Github repository! How crazy is that? 😱

WoW GIF

I don't know when this was released, maybe it was something available long time ago and I didn't know about 😂😂😂, but that's amazing!

You can see the official documentation here: Github dev web based editor

You can try out right now by changing in your repository's URL and put instead of github.com, github.dev:

VS Code Web version from changing the URL

Then, in my case it was from:

https://github.COM/douglasromao/powerapps-samples/tree/SharingIsCaring-Douglas

to

https://github.DEV/douglasromao/powerapps-samples/tree/SharingIsCaring-Douglas

With this simple change, you have a VS Code Web version with your repository fully connected to Github, with the ability to do changes and do all git actions from there:

VS Code Web version with Git actions features

I was amazed when I saw that working, now, tell me, what do you think about that?

See you next time, cheers!

Top comments (2)

Collapse
 
milvasic profile image
Milan Vasić • Edited

The other way to get into the editor is by simply pressing the . (dot) on the keyboard.

The same works in Azure DevOps, too, as well as in Gitlab.

Collapse
 
douglasromao profile image
Douglas Romão

That's great, thanks for sharing!