随着今年在线的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的时候大大增加通过的几率!

VSCode的Teams插件相关推荐

  1. VScode 乱装插件环境破坏踩坑自我反思总结

    VScode 乱装插件环境破坏踩坑自我反思总结 1.2021-01-18早上由于百度 <Vscode 常用插件推荐>,瞎装了插件,把自己的Vscode环境给破坏了 2.在文件-首选项-设置 ...

  2. 解决vscode中golang插件依赖安装失败问题

    解决vscode中golang插件依赖安装失败问题 参考文章: (1)解决vscode中golang插件依赖安装失败问题 (2)https://www.cnblogs.com/feiquan/p/11 ...

  3. 【Linux】26.VScode安装、插件、快捷键等基本用法

    VScode安装.插件.快捷键等基本用法 部分参考http://www.cnblogs.com/bloglkl/p/5797805.html (1) 在visual studio code中插件下载M ...

  4. Vscode Todo Tree插件

    Vscode Todo Tree插件 安装 打开 vscode 扩展中心,搜索 todo tree 然后安装, 配置 打开vscode设置,文件→首选项→设置,然后以json文件打开,并增加以下配置 ...

  5. go插件 vscode 报错_MacOS中 VSCode 安装 GO 插件失败问题的快速解决方法

    问题重现 Installing golang.org/x/tools/cmd/guru FAILED Installing golang.org/x/tools/cmd/gorename FAILED ...

  6. 踩坑:VScode 集成 eslint 插件

    本文以 Vue 官方脚手架 Vue-cli 为例: 1. 创建 Vue 项目 注意:Vue-cli 默认给出了 eslint 配置,一路回车即可.最后在安装模块的时候,选择直接安装!我用淘宝镜像安装时 ...

  7. 实用 VSCODE 8类插件安利,提高开发效率

    1.中文简体插件 Chinese (Simplified)  :使VSCode界面文字转换成中文显示 2.主题与图标插件 GitHub Theme :极简黑白两款皮肤,朴实不花哨. vscode-ic ...

  8. vscode前端常用插件

    vscode前端常用插件 文章目录 vscode前端常用插件 1. Live Server 1.1 Live Server的使用 2. rest client 3. GitLens 4. CSS pe ...

  9. vsCode 源代码管理插件GitLens使用指南

    第一步 在vsCode的扩展功能里搜索GitLens.Git History 下载好插件后,会出现 第二步 查看分支情况 git branch 查看本地分支 git branch -a 查看当前所在分 ...

最新文章

  1. java 获取java文件路径_Java怎么获取相对路径下所有的.java文件的信息
  2. 手机不断进入recovery mode
  3. 用border-width,border-color画三角形
  4. 你不知道的gRPC反向代理
  5. Codeforces 1110 简要题解
  6. 值得收藏的时间复杂度速查表:数据结构操作、排序算法、图操作、堆操作
  7. mysql从一个表查出写入另一个表_sql语句 怎么从一张表中查询数据插入到另一张表中...
  8. ediplus 复制编辑一列_vi编辑器的使用详解
  9. ESXi日志分析网站第五版v5.4
  10. 区块链 用户身份权限模式 方案
  11. 频率超出范围黑屏Linux,显示器超出频率限制黑屏怎么解决?显示器超出频率限制黑屏解决方法...
  12. hl2240d硒鼓清零方法
  13. 木马分析(控制分析)实验
  14. 解决fbreader从书架打开的是同一本书问题
  15. UopenCryptionKit4Java:一个好用的轻量开源加解密器工具包
  16. ios申请企业开发者账号的代理_2020年苹果ios企业开发者账号的申请流程攻略(最专业详细)...
  17. Go 语言的设计反思
  18. java编程APP_用java编程的软件叫什么?
  19. 趋势科技如何卸载?卸载时总提示要输入密码
  20. 复函数积分的共轭等于其共轭的积分

热门文章

  1. 收集19个前端开发人员的必备工具
  2. 电脑小白来一起学习计算机基础知识!
  3. 接软件开发项目,你需要知道这些!
  4. jmeter如何定位网络延时_JMeter用户定义变量和properties变量高级使用
  5. mysql 自定义函数之判断
  6. 美学设计评价_死亡的孩子无法使用的设计美学
  7. 分享实录|争议不断地EOS,我们如何才能理性看待?
  8. shell在一个大文件找出想要的一段字符串操作技巧
  9. Apache、tomcat、Nginx常用配置合集
  10. python 面试宝典--集各家之所长,乱七八糟于一体