TeamsFx Hello World Tab样例应用程序如何调用本地开发?

Question

我使用TeamsFx工具箱VS Code扩展创建了hello world选项卡示例。我不明白的部分是如何调用选项卡的调试模式反应应用程序启动脚本?

在tasks.json文件中，有一个dependsOnteamsFx: frontend start设置。我无法找出frontend start脚本或frontend被声明的位置。

这是任务。json文件

{
"version": "2.0.0",
"tasks": [
{
"label": "Pre Debug Check",
"dependsOn": ["dependency check", "prepare dev env"],
"dependsOrder": "sequence"
},
{
"label": "dependency check",
"type": "shell",
"command": "exit ${command:fx-extension.validate-dependencies}"
},
{
"label": "prepare dev env",
"dependsOn": ["prepare local environment", "frontend npm install"],
"dependsOrder": "parallel"
},
{
"label": "prepare local environment",
"type": "shell",
"command": "exit ${command:fx-extension.pre-debug-check}"
},
{
"label": "Start Frontend",
"dependsOn": ["teamsfx: frontend start"],
"dependsOrder": "parallel"
},
{
"label": "frontend npm install",
"type": "shell",
"command": "npm install --no-audit",
"options": {
"cwd": "${workspaceFolder}/tabs"
}
}
]
}

Answer 1

teamsfx: frontend start是由Teams Toolkit扩展使用Visual Studio Code extension API: task Provider贡献的任务。具体来说，来自TeamsFx GitHub repo:

1. 此任务的定义在https://github.com/OfficeDev/TeamsFx/blob/ms-teams-vscode-extension%403.8.0/packages/vscode-extension/package.json#L717-L729.
2. 此任务的实现在https://github.com/OfficeDev/TeamsFx/blob/ms-teams-vscode-extension%403.8.0/packages/vscode-extension/src/debug/teamsfxTaskProvider.ts#L116-L129.