Web Template Studio 发布！在 VS Code 中轻松建立 Web 应用

时间 2019-11-08

标签 web template studio 发布 code 轻松建立应用栏目 HTML 繁體版

原文原文链接

摘要： 统一各个框架的模板仍是颇有价值的。前端

Fundebug经受权转载，版权归原做者全部。git

做为一个 Web 应用开发者，Scaffolding Tool（脚手架工具）必定是在建立项目时的重要工具。许多开发者会习惯于使用基于 CLI 的脚手架工具来建立 Web 应用，也有许多开发者喜欢使用相似于 VS IDE 的基于 UI 的 Wizard 向导。github

近期（2019 年 5 月 15 日），微软发布了 Web Template Studio for VS Code，使得开发者在 VS Code 中能够经过基于 UI 的 Wizard 向导，快速地建立 Web 应用。后端

下面咱们就来看看，如何使用 Web Template Studio 方便地建立 Web 应用。前端框架

安装好 Web Template Studio 后，在 VS Code 中，按下 Ctrl+Shift+P，而后输入 Web Template Studio: Launch，按下回车，就能打开 Web Template Studio 了。框架

在 Web Template Studio 首页，输入项目名称和项目文件夹的路径。工具

选择将要建立的项目类型。目前仅支持全栈 Web 应用。在将来，Web Template Studio 会考虑支持单页应用以及 RESTful 应用。云计算

目前，Web Template Studio 支持 React 做为前端框架，Node.js/Express 做为后端框架。固然，Augular 和 Vue.js 的童鞋不要着急~ 会有更多的框架支持的，文末会提到~插件

Web Template Studio 内置了各种页面模板，你能够选择适合的页面模板，来快速构建你的项目。ssr

云计算时代已经来临，一个好的 Web 应用固然离不开好的云计算服务。经过 Web Template Studio，你能够选择 Azure Functions 和 Azure Cosmos DB 为你的 Web 应用添砖加瓦！

通过前面的一系列步骤以后，点击“Generate Template”，就能快速地生成你的 Web 应用啦！

打开新生成的 Web 应用，根据 README 的指引，运行“yarn install”和“yarn start”，你的 Web 应用立刻就能在本地运行起来了！

经过打开 Preview Mode 的开关，你能够得到 Angular 的支持。Web Template Studio 在短时间内也将添加 Vue.js 的支持。

怎么样？使用 Web Template Studio 来建立 Web 应用是否是很方便？赶忙来试试吧！