The new Web Template Studio is here for VS Code

Microsoft has announced on May 15th 2019 that the Web Template Studio (WebTS) extension for VS Code is now public. The WebTS aims to accelerate the creation of new full-stack web applications by allowing developers to quickly generate boilerplate code based on the stack chosen on each layer while ensuring best practises in the codebase.

The WebTS, which is originally built by Microsoft Garage interns, allows you to choose between different options for all of the stack. You can choose:

• a front-end framework
• a back-end framework
• template and blank pages
• cloud services to integrate

However, for the moment there is little support for each of the above, with React.js and AngularJS options for front-end, Node.js for back-end, Azure Cosmos DB for storage and Azure Functions for compute on cloud services.

While I was writing the article, the team added support for AngularJS. But who cares about AngularJS right?

A bit of introduction there… so for the rest of this article I will take you for a ride to show you how the whole process look like from installing the extension, running WebTS, going through the wizard and finally running the generated app in a browser. Buckle up! 🎢