新的介绍内容:
Web Template Studio (Preview) 是微软推出的一款Visual Studio Code扩展,旨在通过向导式体验加速创建新的Web或React Native应用。它允许开发者通过选择不同的项目类型、前端和后端框架、页面以及云服务,生成高质量的样板代码。这些生成的代码不仅结构良好、易于阅读,还集成了Azure云服务,遵循了最佳实践和已验证的模式。
如何使用:
创建新项目
- 打开VSCode
- 在Windows/Linux上按Ctrl Shift ⇧ P,或者在Mac上按Command ⌘ Shift ⇧ P,打开VSCode的扩展启动器
- 输入/选择“Web Template Studio: Create Web App”来创建全栈Web应用,或者选择“Web Template Studio: Create React Native App”来创建React Native应用,然后按Enter启动扩展
注意:React Native仍处于预览阶段,我们欢迎您在GitHub上提供反馈。
部署生成的项目
- 打开VSCode
- 打开生成的项目
- 在Windows/Linux上按Ctrl Shift ⇧ P,或者在Mac上按Command ⌘ Shift ⇧ P,打开VSCode的扩展启动器
- 输入/选择“Web Template Studio: Deploy Web App”,按Enter开始部署
注意:仅适用于Web应用。
功能:
全栈Web应用
Web Template Studio通过以下三个属性集来创建全栈Web应用:
- 框架:首先,您需要选择前端和后端要使用的框架。我们目前支持三种前端框架:React、Angular、Vue.js,以及四种后端框架:Node、Flask、Moleculer和ASP.NET。我们还提供依赖检查器,确保您安装了所需版本的Node和/或Python。
- 应用页面:其次,为了加速应用创建,我们提供了一系列应用页面模板,您可以使用这些模板将常见的UI页面添加到新应用中。目前的页面模板包括:空白页面、常见布局(例如,主从布局)和实现常见模式的页面(例如,网格、列表)。使用向导,添加您需要的页面,为每个页面提供一个名称,我们将为您生成这些页面。
- 云服务:最后,您指定要使用的Azure云服务,我们将为您的应用构建服务框架。目前支持的服务包括存储(Azure Cosmos DB)和托管(Azure App Service)。
一旦您做出选择并点击生成,您就可以快速扩展生成的代码。
React Native应用
Web Template Studio通过以下两个属性集来创建React Native应用:
- 项目类型:目前我们仅提供标签式导航,因为这是移动应用中最常见的导航样式。如果您喜欢不同的导航模式,可以用最适合您应用的导航模式替换TabNavigation。有关添加抽屉导航的说明,请参阅抽屉导航文档。
- 应用页面:其次,为了加速应用创建,我们提供了一系列应用页面模板,您可以使用这些模板将常见的UI页面添加到新应用中。目前的页面模板包括:空白页面、主从布局和带有基本主题支持的设置页面,允许用户在浅色、深色或默认主题之间进行选择。使用向导,添加您需要的页面,为每个页面提供一个名称,我们将为您生成这些页面。
反馈、请求和路线图:
请使用GitHub问题来提供反馈、提出问题或发表评论。
如果您有特定的功能请求,或者想对其他人推荐的内容进行投票,请同样前往GitHub问题部分。我们希望听到您的想法。
我们仍处于开发的早期阶段,正在寻求关于路线图的反馈。我们还在完善我们的Web模板,并在最新版本中增加了React Native模板的初始版本。
贡献:
您想贡献吗?我们非常欢迎您的帮助。请查看我们的贡献指南。
报告安全问题:
安全问题和错误应通过电子邮件私下报告给微软安全响应中心(MSRC),地址是secure@microsoft.com。您应该在24小时内收到回复。如果由于某些原因您没有收到,请通过电子邮件跟进,以确保我们收到了您的原始消息。更多信息,包括MSRC的PGP密钥,可以在安全技术中心找到。
许可证:
此代码根据MIT许可证的条款和条件分发。
隐私声明:
该扩展会记录基本的遥测数据,了解用户的选择情况。我们正在创建一个遥测数据页面来总结使用趋势。请阅读微软隐私声明以获取更多信息。
本站所有资源都是由网友投稿发布,或转载各大下载站,
请自行检测软件的完整性!
本站所有资源仅供学习与参考,请勿用于商业用途,否则
产生的一切后果将由您自己承担!
如有侵权请联系我们删除下架,联系方式:study_golang@163.com