Skip to content
Microsoft Web Template Studio quickly builds web applications using a wizard-based UI to turn your needs into a foundation of best patterns and practices
Branch: dev
Clone or download
crutkas Merge pull request #606 from microsoft/garage/t-jedoo/Angular
Change name displayed in wizard from AngularJS to Angular
Latest commit 2a982b8 May 24, 2019

Microsoft Web Template Studio

Platforms Supported: MacOSX, Linux, Windows Project Status: Active – The project has reached a stable, usable state and is being actively developed. License: We are using the MIT License We are welcoming PRS!

Microsoft Web Template Studio (WebTS) is a Visual Studio Code Extension that accelerates the creation of new web applications using a wizard-based experience. WebTS enables developers to generate boilerplate code for a web application by choosing between different front-end frameworks, back-end frameworks, pages and cloud services. The resulting web app is well-formed, readable code that incorporates cloud services on Azure while implementing proven patterns and best practices. Sprinkled throughout the generated code we have links to Docs to provide useful insights. 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.

Build Status

Branch Build Status
dev Build Status
staging Build Status
master Build Status



Visual Studio Code extensions are currently not signed. WebTS provides the Secure Hash Algorithm (SHA) of each version we publish. You can find the current extensions sha256 value in the following files:

To verify the integrity of the package, download the vsix from the Marketplace, calculate the hash of the package using the powershell command ‘Get-FileHash’ or any other tool that allows you to calculate the packages hash, and compare both.

Instruction To Use

  • Open VSCode
  • Press ctrl+shift+p in Windows/Linux or ⇧⌘P in Mac to open VSCode's extension launcher
  • Type/Select Web Template Studio: Launch and press Enter to launch the extension

Example Scenario

I need a full-stack web app that stores data in a Cosmos database.



Web Template Studio approaches web app creation using the following four attribute sets:

  • Project type: First, what type of application are you building? We currently support only one type: Fullstack Application.
  • Frameworks: Next, which frameworks do you want to use for your frontend and backend? We currently support one framework for frontend: React.js and one framework for backend: Node.js.
  • App pages: To accelerate app creation, we provide a number of app page templates that you can use to add common UI pages into your new app. The current page templates include: blank page, common layouts (*e.g., master/detail) and pages that implement common patterns (*e.g., grid, list). Using the wizard, add as many of the pages as you need, providing a name for each one, and we'll generate them for you.
  • Cloud Services: Lastly, you specify which Azure cloud services you want to use, and we'll build out the framework for the services into your app including tagging 'TODO' items. Currently supported services cover storage (Azure Cosmos DB), and compute (Azure Functions).

Once you make the selections you want and click generate, you can quickly extend the generated code.

Feedback, Requests and Roadmap

Please use GitHub issues for feedback, questions or comments.

If you have specific feature requests or would like to vote on what others are recommending, please go to the GitHub issues section as well. We would love to see what you are thinking.

We are still extremely early in development and are looking for feedback for roadmap. Currently we are in the process of stabilizing our React / Node.js golden path.


Do you want to contribute? We would love to have you help out. Here are our contribution guidelines.

Reporting Security Issues

Security issues and bugs should be reported privately, via email, to the Microsoft Security Response Center (MSRC) at You should receive a response within 24 hours. If for some reason you do not, please follow up via email to ensure we received your original message. Further information, including the MSRC PGP key, can be found in the Security TechCenter.


This code is distributed under the terms and conditions of the MIT license.

Privacy Statement

The extension does log basic telemetry for what is being selected. We are in the process of creating a Telemetry Data page to summarize usage trends. Please read the Microsoft privacy statement for more information.

Frameworks in Generated Code Not Created by Our Team


Microsoft Web Template Studio was initially created by Microsoft Garage interns. We hope many more continue with the project

You can’t perform that action at this time.