Visual Studio Code for the Web

Background

Visual Studio Code (VS Code) is a lightweight source code editor which runs on your desktop and is available for Windows, macOS and Linux. It has built in support for JavaScript and Node.JS and extensions available for other languages such as C# and Python etc.

More info at:

https://code.visualstudio.com/docs

Bringing VS Code to the browser

Now a lightweight version of VS Code is available which runs fully in your web browser without the need to install it on your device.

Browsers that support the File System Access API (eg the latest versions of Edge and Chrome) allow web pages to access the local file system (with your permission).

(Note: Read more about File System Access API at https://web.dev/file-system-access/)

This simple gateway to the local machine quickly opens some interesting scenarios for using VS Code for the Web as a zero-installation local development tool, such as:

  • Local file viewing and editing. Quickly take notes (and preview!) in Markdown. Even if you are on a restricted machine where you cannot install the full VS Code, you may still be able to use vscode.dev to view and edit local files.
  • Build client-side HTML, JavaScript, and CSS applications in conjunction with the browser tools for debugging.
  • Edit your code on lower powered machines like Chromebooks, where you can’t (easily) install VS Code.
  • Develop on your iPad. You can upload/download files (and even store them in the cloud using the Files app), as well as open repositories remotely with the built-in GitHub Repositories extension.

Watch the video

(YouTube: https://www.youtube.com/embed/sy3TUb_iVJM)

To try out Visual Studio Code in your Web Browser simply visit

https://vscode.dev

and find out more at

https://code.visualstudio.com/blogs/2021/10/20/vscode-dev