Using the Webview UI Toolkit for Visual Studio Code

Microsoft’s Visual Studio Code has become one of the most popular development tools out there. Mixing proprietary Microsoft features with an extensible open source core, it’s a quick install that can be configured to handle most languages and most platforms. It’s especially useful when working across platforms, as its remote development extensions allow you to use it on another device from your desktop whether it’s macOS, Windows, or Linux.

Under the hood, Visual Studio Code is a TypeScript application, running in an Electron runtime. That means it’s built on top of the open source Chromium browser engine used by Microsoft’s own Edge browser. More importantly, it’s the same engine as the Webview UI control that’s a key element of the Windows App SDK, which allows you to run JavaScript and TypeScript code inside your traditional Windows applications alongside HTML and CSS (Cascading Style Sheets) markup. Mixing the two approaches makes sense, and Microsoft is working on a Webview UI Toolkit to help bring Webview-based user experiences into VS Code.

To read this article in full, please click here