Have you looked into MS Visual Studio Code's Web Template Studio yet?

Last month, Microsoft had announced the early release of the Visual Studio Code's cool extension called, Web Template Studio (WebTS). The main aim of the extension is to accelerate the creation of new web applications using a wizard-based experience. The early release notes can be found here.

I found it cool so far where it supports,

  • Boilerplate code generation for a web application by choosing between different front-end frameworks.
  • Project structure generation for back-end frameworks, pages.
  • Project structure generation for the Full Stake Application.
  • Use the app for Cloud Services like Azure.

Creation

WebTS was created using TypeScript and React. Different combinations of generated code are merged together by Core Template Studio, which was made using .NET Core.

Installation

install.png

  • Once installed, you can launch it from Visual Studio Code. From menu go to, View > Command Palette (cntrl + shift + p on windows) and type Web Template Studio: Launch

2019-06-08 12_00_01-package.json - Test - Visual Studio Code.png

Minimum version of VS code required: 1.33.0

Use it

Once launched, you can use it to create a sample app of your choice in no time!

flow.gif

Resources

Here are some resources to learn more:

Hope this was useful in some way 💡💡💡.

Comments (2)

Add a comment
wachira_dev's photo

Saves a lot of time when doing project setup

Okenwa Kenneth's photo

Web developer

Waoo this is great!