VSCode For The Web Is Now Available

A lightweight version of VSCode that runs completely in the browser is now available.

VisualStudio team has launched a lightweight version of VSCode for the Web, which runs completely within the browser.

The VisualStudio team said that bringing VisualStudio Code to the browser is the realization of the original vision for the product. Users can visit to https://vscode.dev, to access a lightweight version of VS Code running fully in the browser. There is no installation required. You can directly open a folder on your local machine and start coding.

VSCode in the browser allows users to local file viewing & editing and code client-side HTML, JavaScript, & CSS as well as Debug. It can be used with lower powered machines like Chromebooks & iPads and works seamlessly with GitHub.

Source: visualstudio

The team said that modern browsers like chrome support the File System Access API and allow web pages to access the local file system. This opens some interesting scenarios for using VS Code for the Web as a zero-installation local development tool.

Even if the browser doesn't support local file system APIs, users still can open individual files by uploading and downloading them via the browser.

According to the announcement as the VS Code for the Web runs completely within the browser, some VS Code functionalities will naturally be more constrained, in contrast of what you can do in the desktop app.

Since TypeScript, JavaScript, and Python experiences are all powered by language services that run natively in the browser, so users will get a good experience along with rich single file completions, syntax errors, semantic highlighting, and more. 

Source: visualstudio

For the "webby" languages like JSON, HTML, CSS, and LESS, the coding experience in vscode.dev is going to be nearly identical to the desktop, including Markdown preview.

Most of the UI customization extensions like themes, keymaps, and snippets work well in vscode.dev and users can even enable roaming between the browser, the desktop, and GitHub Codespaces using Settings Sync. But extensions that run Node.js code that use OS-specific modules, or shell out to local executables, are currently marked as unavailable.

Source: visualstudio

To allow users to access their code in GitHub easily, VS Code for the Web comes with the GitHub Repositories, Codespaces, and Pull Request extensions built-in. Users can make rapid edits, review PRs, and Continue on to a local clone or to a GitHub Codespace - in order to build, run, and test the changes prior to merging the commits.

To learn more you can visit the official announcement here.