VSCode的Teams插件

随着今年在线的Build大会的结束，又是一大波的 Teams 新功能，新工具，新SDK。我接下来几篇博客就会详细和大家一一介绍。我今天先从VSCode的插件开始。

打开VS Code，搜索Teams，就可以找到Microsoft Teams Toolkit插件，在我写这篇文章的时候，这个插件只是Preview版本，从版本号 0.9.4来看，最终版本应该很快就会来到。:)

 

安装之后，在 VSCode 的左边工具栏里就会多一个Teams图标，点击后可以看到一个简单的两项菜单：”Open Microsoft Teams Toolkit” 和 “Create a new Teams app”。

 

让我们先来创建一个Teams app看看，点击 “Create a new Teams app”，输入你想要的app名字，然后选择一个目录来生成代码。然后就会到这个界面，让你来选择app的能力：Tab，Bot，Message Extension。我这里都选上了这些选项。然后点击 “Next”。

 

根据上一步选择的不同选项，下面这个界面可能不同，这个界面是进一步选择你的app的不同能力。对于Tab，可以选择 “Personal tab” 或者 “Group or Teams channel tab”。如果之前选择了 “Message Extension”，这里就可以进一步选择是 Action-based 或者 Search-based。对于Bot，你可以创建一个新的bot或者使用一个现有的bot。

 

我们点击”Finish”后，插件就将代码生成好了，如下图，一共有两个目录，”.publish”，”service”和”tabs”

 

.publish 目录里是Teams App发布是需要的文件，大家最熟悉的应该就是manifest.json。当前manifest版本已经到了1.6，赞！

service 目录就是我们的bot app service，目前是nodejs，使用了botbuilder package。

tabs 目录里是react webapp，用来在tab里展现的web页面。

总体来说，整个插件非常棒！我觉得可以改进的一点是可以让用户选择需要开发语言，比如可以选择是nodejs express或者c# asp.net core，是react或者blazor。

另外，推荐大家有一个很有用的功能，点击”Validate”，你可以看到manifest检测的结果，这个可以帮助大家在提交teams app的时候大大增加通过的几率！