

Once you open the “web template studio” extension, it will walk you through the initial setup of the application.Ī) The first step is to add the name of the project and the output path for the application. Search for “web template studio” and hit enter to open this extension.

Press “ctrl+shift+p” if you are using windows/linux machine or ⇧⌘P if you are using Mac to open the visual studio extension launcher. Install it and restart your “visual studio code”. Open “visual studio code”, go to the extension tab and search for “Web template studio”:Īs you can see that at the time of writing this article, “Web template studio” is released only as “dev nightly” build. We will use Bootstrap-4 for developing the UI elements. We are going to create one full stack application with React as its front end and node.js as its backend. Installation Of Microsoft Web Template Studio:

In this blog post, we will learn how it works with a simple example. This extension is still early in development and supports only React.js and node.js currently.
