作为一个Web应用开发者,ScaffoldingTool(脚手架工具)一定是在创建项目时的重要工具。许多开发者会习惯于使用基于CLI的脚手架工具来创建Web应用,也有许多开发者喜欢使用类似于VSIDE的基于UI的Wizard向导。
近期(年5月15日),微软发布了WebTemplateStudioforVSCode,使得开发者在VSCode中可以通过基于UI的Wizard向导,快速地创建Web应用。
下面我们就来看看,如何使用WebTemplateStudio方便地创建Web应用。
打开WebTemplateStudio安装好WebTemplateStudio后,在VSCode中,按下Ctrl+Shift+P,然后输入WebTemplateStudio:Launch,按下回车,就能打开WebTemplateStudio了。
项目信息在WebTemplateStudio首页,输入项目名称和项目文件夹的路径。
项目类型选择将要创建的项目类型。目前仅支持全栈Web应用。在未来,WebTemplateStudio会考虑支持单页应用以及RESTful应用。
框架目前,WebTemplateStudio支持React作为前端框架,Node.js/Express作为后端框架。当然,Augular和Vue.js的童鞋不要着急~会有更多的框架支持的,文末会提到~
页面模板WebTemplateStudio内置了各类页面模板,你可以选择适合的页面模板,来快速构建你的项目。
云服务云计算时代已经来临,一个好的Web应用当然离不开好的云计算服务。通过WebTemplateStudio,你可以选择AzureFunctions和AzureCosmosDB为你的Web应用添砖加瓦!
生成Web应用经过前面的一系列步骤之后,点击“GenerateTemplate”,就能快速地生成你的Web应用啦!
运行Web应用打开新生成的Web应用,根据README的指引,运行“yarninstall”和“yarnstart”,你的Web应用马上就能在本地运行起来了!
更多的功能支持通过打开PreviewMode的开关,你可以获得Angular的支持。WebTemplateStudio在短期内也将添加Vue.js的支持。
怎么样?使用WebTemplateStudio来创建Web应用是不是很方便?赶紧来试试吧!
插件下载: