How to use Visual Studio Code in a web browser

Source: Windows Central

One of the many strengths of creating an open source software project is that its community can tinker with it, contribute to it, or directly create it and create a custom version. Microsoft Visual Studio Code is an open source code editor and it is one of the most popular apps of its kind on any platform.

But you’re also not limited to using it only in the form Microsoft offers for download, thanks to its open source nature. In fact, you can run a version of Visual Studio Code in your web browser for free.

It’s not necessarily for everyone, but if you frequently switch between machines, or even want to be able to do some improvised coding from something like an iPad or even your smartphone, this is good. is a good option to explore. You can simply open it and get to work wherever you are, without needing to configure your environment.

Run Visual Studio Code in the browser with ease

Visual Studio codeSource: Windows Central

Microsoft has now released an official browser version of Visual Studio Code which can be found at It integrates with Github allowing easy access to code stored in Github repositories directly from your web browser.

It’s not the same full version of Visual Studio Code that you would use on the desktop, but it does support extensions. Not all extensions can be installed, but you’ll probably find a fair amount of them, such as those that can help you better analyze the language you’re coding in. However, you don’t have a terminal right now, so while it’s extremely handy to have, it probably won’t be your primary IDE yet.

Visual Studio Code in the browser with StackBlitz

StackblitzSource: Windows Central

If you’re looking for an easy way to use Visual Studio Code without configuration and you can just go to a browser and open, StackBlitz is a good way to do this. It is completely free to use and is based on Visual Studio Code. Just connect it to your GitHub account to log in.

The user interface is immediately familiar, and there are a number of preconfigured templates to help you start a new workspace with just one click. StackBlitz is for web development, so there are some languages ​​that aren’t offered at the moment, but you can sign up for beta access to the fullstack version which will offer even more. Support for extensions is also missing from StackBlitz at this time.

But if you thought it’s a half-baked solution, you’d be wrong. StackBlitz uses progressive web APIs to run a live development server in your browser, allowing not only live previews of your work, but also offline use. Working offline is quite an important feature for a browser-based code editor.

There’s a lot to enjoy in StackBlitz, so if this sounds like something you might be interested in, the Documentation and GitHub repository is a good place to start.

Visual Studio Code in the browser using code-server

code serverSource: code server

A more complete way to use Visual Studio Code from the browser is with code server, or the Encoder service built on it. Coding isn’t free, although there is a 60-day trial, and it’s not limited to Visual Studio Code either. It is a service intended for larger distributions and corporate use, enabling remote deployment of development environments using the cloud.

However, code-server is free and available on GitHub to create your own remote deployment. Whether on your own local machine or on a remote machine hosted by a number of cloud providers.

There is a bit of setup involved with the code server and the exact steps vary depending on where you install it. And if you’re installing on a remote server, you’ll need to be at least a little familiar with Linux.

Fortunately, the code server has a full Tutorial on the way out and there is no shortage of great guides online from sources like YouTube which can walk you through a number of different uses of the code server. It’s incredibly flexible, and once the initial work is done, you’ll have a full version of Visual Studio Code on any machine.

Using Chrome Remote Desktop

Chrome Remote DesktopSource: Windows Central

There’s also the fact that you can just use Chrome Remote Desktop like a little cheese to use Visual Studio Code in a browser from another machine. If it’s a regular thing, one of the other two methods here will definitely be better, but if it’s just occasional use, you’ll be fine.

Chrome Remote Desktop allows you to use Chrome, Edge, or dedicated mobile apps to connect to your desktop computer even if you’re not on the same network. The downside, of course, is that you have to leave your desktop computer on all the time for it to work.

But hey, in a pinch, it’s a quick and easy way to connect to your regular office environment. It’s free, easy to set up, and absolutely stunning.

Comments are closed.