Lit and Monaco Editor

In this article I will go over how to set up a Lit web component and use it to wrap the Monaco Editor that powers VSCode.

TLDR You can find the final source here and an online demo here.

To learn how to build an extension with VSCode and Lit check out the blog post here.

Prerequisites 

• Vscode
• Node >= 16
• Typescript

Getting Started 

We can start off by navigating in terminal to the location of the project and run the following: