Recently Visual Studio Code also launched an online version of their editor. It is a lightweight version of the desktop application.
This is nothing new as GitHub has it built-in for their repos as well.
Let's have a look at these two options.
GitHub VS Code editor in the browser
You can open any repository on GitHub and change the
.com part of the domain to
Alternatively, you can simply press the
. on any GitHub repo to open the online editor mode.
For instance, let's open the
daily.dev repo in an online browser.
And we are welcomed by the full repo as we would get in VS Code.
Pretty cool, right? So what can we do with this?
- Review pull requests online with ease. You can simply press the
.in a PR to open it in the editor for a more detailed overview.
- Super easy to search throughout the codebase. Yes, click-through works!
- It's super fast.
- Make changes and PRs directly online
- Extensions are available
All and all, it's a super powerful way to edit code. The main downside is, of course, not being able to run it.
But for PR reviews, this is a good win!
GitHub recently also launched GitHub Codespaces, which is a blazing fast cloud environment. The look and feel are the same, but you are running on a VM.
The cool part about Codespaces is that you can run your code there.
This feature is only available to teams and organizations. For more information, visit the GitHub Codespace website.
Visual Studio Code in the Browser
More recently, we got a new addition to the online editor family, being VS code themselves.
To open a new editor, you can type
vscode.dev in your browser, and a new editor will spool up.
The cool part is that this has wider use, as it can even load local files!
It can also open GitHub links and even azure links!
You can simply take any link to those repos and prefix them with
Or for azure dev:
Powerful if you ask me!
Some pro's of using the vs code one would be:
- Local file opening
- New projects from scratch, quickly share some project structure
- Azure dev-ops environment
- Again, many amazing extensions are available
The downsides are, for now, no way to run and debug.
What about the future?
We started this article by asking if these editors are the future? And to be honest with you, I do think it's very viable.
Our hardware becomes less and less critical (meaning whatever we have on it locally).
We can sign in to some online tools and take off from where we left.
This makes total sense in the current day and age.
There are some kinks to iron out for it to be entirely a solution on its own. For me, those are:
Option to run docker images on the cloud (Codespaces/Vercel/etc) Peer programming online 👀 Debug systems integrated
I'm sure these are even possible with some extensions and very keen to see what this will bring over time!
How do you feel about these online editors?