专栏首页FundebugWeb Template Studio 发布!在 VS Code 中轻松创建 Web 应用

Web Template Studio 发布!在 VS Code 中轻松创建 Web 应用

摘要: 统一各个框架的模板还是很有价值的。

Fundebug经授权转载,版权归原作者所有。

作为一个 Web 应用开发者,Scaffolding Tool(脚手架工具)一定是在创建项目时的重要工具。许多开发者会习惯于使用基于 CLI 的脚手架工具来创建 Web 应用,也有许多开发者喜欢使用类似于 VS IDE 的基于 UI 的 Wizard 向导。

近期(2019 年 5 月 15 日),微软发布了 Web Template Studio for VS Code,使得开发者在 VS Code 中可以通过基于 UI 的 Wizard 向导,快速地创建 Web 应用。

下面我们就来看看,如何使用 Web Template Studio 方便地创建 Web 应用。

打开 Web Template Studio

安装好 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 内置了各类页面模板,你可以选择适合的页面模板,来快速构建你的项目。

云服务

云计算时代已经来临,一个好的 Web 应用当然离不开好的云计算服务。通过 Web Template Studio,你可以选择 Azure Functions 和 Azure Cosmos DB 为你的 Web 应用添砖加瓦!

生成 Web 应用

经过前面的一系列步骤之后,点击“Generate Template”,就能快速地生成你的 Web 应用啦!

运行 Web 应用

打开新生成的 Web 应用,根据 README 的指引,运行“yarn install”和“yarn start”,你的 Web 应用马上就能在本地运行起来了!

更多的功能支持

通过打开 Preview Mode 的开关,你可以获得 Angular 的支持。Web Template Studio 在短期内也将添加 Vue.js 的支持。

怎么样?使用 Web Template Studio 来创建 Web 应用是不是很方便?赶紧来试试吧!

原文链接:https://zhuanlan.zhihu.com/p/66624601

我来说两句

0 条评论
登录 后参与评论

相关文章

  • Java到底是编译型语言还是解释型语言?

    像C、C++ 他们经过一次编译之后直接可以编译成操作系统了解的类型,可以直接执行的 所以他们是编译型的语言。没有经过第二次的处理 而Java不一样他首先由编译器...

    Fundebug
  • JavaScript深入浅出第5课:Chrome是如何成功的?

    在上一篇博客中,我聊了一下JavaScript引擎V8的工作原理,顺其自然,接下来应该来聊聊渲染引擎Blink或者Chrome浏览器的工作原理。但是,这2个坑以...

    Fundebug
  • 如何优雅地处理Async/Await的异常?

    async/await 中的异常处理很让人混乱。尽管有很多种方式来应对async 函数的异常,但是连经验丰富的开发者有时候也会搞错。

    Fundebug
  • C#访问SOAP Web Service时500报错后的返回信息获取

    调试Infor ERP LN Web Service的时候,你会发现如果调用不成功,返回的Http Header是500,但用SoupUI还是能看到结果返回,是...

    崔文远TroyCui
  • 一种 Android 端 Web 多进程情况下支持 Web 自动化测试的方法

    本文介绍一种在Web多进程情况下支持Web自动化测试的方案。介绍当前Web自动化的简要原理、Web多进程后的问题、相应的解决方案及使用方法。

    腾讯移动品质中心TMQ
  • 注意了,学习前端开发,可提高Web开发效率的15类工具

    Web的发展日新月异,这也使得Web开发者不得不加快脚步,学习新的技术和编程语言。尤其是对于那些大量流量入口的网站来说,跟上技术发展趋势更是尤为重要。为了使得W...

    用户5827212
  • 使用 OWIN Self-Host ASP.NET Web API 2

    Open Web Interface for .NET (OWIN)在Web服务器和Web应用程序之间建立一个抽象层。OWIN将网页应用程序从网页服务器分离出来...

    张善友
  • 谷歌开放TPU!与Tensorflow软硬联合,或将占独家地势

    大数据文摘
  • TCGA数据下载:R包RTCGAToolbox介绍

    前面介绍了3种获取TCGA数据的方法:使用TCGA2STAT、TCGAbiolinks、RTCGA。这里再介绍一个包:RTCGAToolbox包,这个包是我最为...

    努力在北京混出人样
  • 机器学习研究与开发平台的选择

        目前机器学习可以说是百花齐放阶段,不过如果要学习或者研究机器学习,进而用到生产环境,对平台,开发语言,机器学习库的选择就要费一番脑筋了。这里就我自己的机...

    刘建平Pinard

扫码关注云+社区

领取腾讯云代金券

玩转腾讯云 有奖征文活动