VS Code Wizard-Driven Web Template Studio Does Full-Stack Web Apps -- Visual Studio Magazine

VS Code Wizard-Driven Web Template Studio Does Full-Stack Web Apps

By David Ramel
05/15/2019

Microsoft Web Template Studio, a new Visual Studio Code extension, has been unveiled to simplify and quicken the process of creating full-stack Web applications.

The open source project uses wizards to guide developers through the process of choosing:

A project type (full stack only supported now)
Front-end framework (only React supported now)
Back-end framework (only Node.js supported now)
Pages (blank page, common layouts such as master/detail and pages that implement common patterns such as grid and list)
Cloud services (Azure Cosmos DB and Azure Functions are supported)

"The resulting Web app is well-formed, readable code that incorporates cloud services on Azure while implementing proven patterns and best practices," Microsoft says.

Noting the limited set of options in this early development stage of the project, Microsoft said it's seeking community partnerships to explore further functionality.

**[Click on image for larger view.]** Microsoft Web Template Studio *(source: Microsoft).*

Along with generating code, it inserts links to documentation to further enrich the Web app creation process.

Written in TypeScript and React, WebTS is akin to Windows Template Studio, which targets Universal Windows Platform (UWP) apps, sharing much of the underlying technology.

"Our philosophy is to help bootstrap your app with what you need but not do so much that you’re deleting code and breaking stuff," said Clint Rutkas, senior technical product manager, Windows Developer Team, in a blog post today (May 15). "We also strive to introduce best patterns and practices. Web Template Studio is extremely early in development, but we feel this is a great time to show it to the community and get a broader set of feedback."

Current documentation includes:

The GitHub project site (MIT license) shows 31 stars as of this writing; the Visual Studio Code Marketplace site shows 84 installations with one perfect 5.0 rating from one developer who reviewed it, after having been released only yesterday (May 14).

About the Author

David Ramel is an editor and writer at Converge 360.

Printable Format

comments powered by Disqus

Featured

Compare New GitHub Copilot Free Plan for Visual Studio/VS Code to Paid Plans

The free plan restricts the number of completions, chat requests and access to AI models, being suitable for occasional users and small projects.
Diving Deep into .NET MAUI

Ever since someone figured out that fiddling bits results in source code, developers have sought one codebase for all types of apps on all platforms, with Microsoft's latest attempt to further that effort being .NET MAUI.
Copilot AI Boosts Abound in New VS Code v1.96

Microsoft improved on its new "Copilot Edit" functionality in the latest release of Visual Studio Code, v1.96, its open-source based code editor that has become the most popular in the world according to many surveys.
AdaBoost Regression Using C#

Dr. James McCaffrey from Microsoft Research presents a complete end-to-end demonstration of the AdaBoost.R2 algorithm for regression problems (where the goal is to predict a single numeric value). The implementation follows the original source research paper closely, so you can use it as a guide for customization for specific scenarios.
Versioning and Documenting ASP.NET Core Services

Building an API with ASP.NET Core is only half the job. If your API is going to live more than one release cycle, you're going to need to version it. If you have other people building clients for it, you're going to need to document it.