It supports four different templates currently:ġ. Click on next to move to the next step.ĭ) This step is for adding a predefined template to the application. Node.js backend is created using the ‘Express’ framework. Currently, only React.js and Node.js are supported. Currently, only “Full-stack web application” is supported.Ĭlick on “next” to move to the next step.Ĭ) This step is for selecting the front end and back end frameworks. This option supports only “Full-stack web application” currently.Įnter your project name, select one folder as its output path and click next to move to the next step.ī) The second step is for selecting the project type. On the right side, you can select the type of project. 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.

Visual studio code javascript beginner