Menu
Microsoft previews Visual Studio Code for the Web

Microsoft previews Visual Studio Code for the Web

Browser-based code editor does have limitations, company warns, but the coding experience is nearly identical to the desktop for web languages.

Credit: Dreamstime

Microsoft has unveiled a preview of Visual Studio Code for the Web, a hosted, lightweight version of its popular code editor that runs fully serverless in the user’s web browser.

Available at vscode.dev, VS Code for the Web enables local development scenarios including viewing and editing local files and quickly taking notes in Markdown. Developers also can build client-side HTML, JavaScript, and CSS applications in conjunction with browser tools for debugging, and edit and develop on devices such as Chromebooks and iPads.

Through support of File System Access API by browsers including Edge and Chrome, VS Code for the Web can serve as a zero-installation local development tool. If a developer’s browser does not support the file system APIs, files still can be opened by uploading and downloading them via the browser.

However, Microsoft cautioned that some experiences will be constrained compared to using a desktop app. For example, the terminal and debugger are unavailable, because developers cannot compile, debug, and run a Rust or Go application within the browser -- although technologies such as Pyodide could change this.

Code editing, navigation, and browsing experiences are all a bit more nuanced, Microsoft said. On the desktop, these generally are powered by language services and compilers expecting a file system, runtime, and compute environment.

In the browser, these are powered by language services running fully in the browser with no file system and no runtimes, with source tokenisation provided along with syntax colorisation, completions, and some single-file operations.

For most languages, VS Code for the Web offers code syntax colorisation, text-based completions, and bracket pair colorisation. And for “webby” languages such as JSON, HTML, and CSS, the coding experience is nearly identical to the desktop. TypeScript, JavaScript, and Python experiences are powered by language services running natively in the browser.

Further, most UI customisation extensions such as themes, key maps, and snippets work in VS Code for the Web. More can be enabled by roaming between the browser, the desktop, and GitHub Codespaces through Settings Sync.


Follow Us

Join the newsletter!

Or

Sign up to gain exclusive access to email subscriptions, event invitations, competitions, giveaways, and much more.

Membership is free, and your security and privacy remain protected. View our privacy policy before signing up.

Error: Please check your email address.

Tags Microsoftvisual studio

Featured

Slideshows

Show Comments