\n \n ![](\"https://raw.githubusercontent.com/HuihuiWu-Microsoft/Teams-Toolkit-V2/main/landingPage_nodejs.png\") | \n Node.jsAs a fundamental runtime context for Teams app, Node.js v10.x, v12.x or v14.x is required (v.12.x is recommended). | \n
\n \n ![](\"https://raw.githubusercontent.com/HuihuiWu-Microsoft/Teams-Toolkit-V2/main/landingPage_m365.png\") | \n M365The Teams Toolkit requires a Microsoft 365 organizational account where Teams is running and has been registered. | \n
\n \n ![](\"https://raw.githubusercontent.com/HuihuiWu-Microsoft/Teams-Toolkit-V2/main/landingPage_azure.png\") | \n Azure The Teams Toolkit may require an Azure account and subscription to deploy the Azure resources for your project. | \n
\n
\n\n>Don’t have a M365 to experience building Teams app? Sign up for [Microsoft Developer Program](https://developer.microsoft.com/en-us/microsoft-365/dev-program), which allows you to have a testing tenant with preconfigured permissions.\n\n## Getting started\n\nAfter installing the Teams toolkit, follow the [Get Started](https://review.docs.microsoft.com/en-us/mods/build-your-first-app/build-first-app-overview?branch=main) instruction in our documentation to smoothly start with. \n\nUnder the Teams Toolkit extension tab, you can easily discover all applicable commands in the sidebar and Command Palette with the keyword ‘TeamsFx’. It also supports [Command Line Interface (CLI)](https://www.npmjs.com/package/teamsfx-cli) to increase efficiency. \n\n### Create your project\n\nUse the Teams Toolkit in Visual Studio Code to set up your first app project. Create your app project using the following steps:\n\n- Ensure you've installed the Microsoft Teams Toolkit\n- In Visual Studio Code, open the Command Palette (Ctrl+Shift+P / ⌘⇧-P or View -> Command - Palette) and type teams and choose TeamsFx - Start A New Project.\n- Type a name for your project and hit Enter\n- Next, Add capabilities comes up. Select capability you want then Next.\n- Choose options according to your purpose, i.e., front-end hosting type, language, cloud resources and so on.\n- Choose a location where your new application will be created in a new folder.\n\n### Configure your app\n\nAt its core, the Teams app embraces three components:\n\n- The Microsoft Teams client (web, desktop or mobile) where users interact with your app.\n- A server that responds to requests for content that will be displayed in Teams, e.g., HTML tab content or a bot adaptive card .\n- A Teams app package consisting of three files:\n\n ✔️ The manifest.json.\n\n ✔️ A color icon for your app to display in the public or organization app catalog.\n\n ✔️ An outline icon for display on the Teams activity bar.\n\nWhen an app is installed, the Teams client parses the manifest file to determine needed information like the name of your app and the URL where the services are located.\n\n- To configure your app, navigate to the Microsoft Teams Toolkit tab in Visual Studio Code.\n- Go to Manifest Editor in the sidebar menu to edit the manifest.json of your Teams app.\n- The toolkit will automatically update the app registration data accordingly during app side-loading and publish.\n\n### Preview your app on your local/remote dev environment\n\nPrerequisites: [Enable Teams developer preview mode](https://docs.microsoft.com/en-us/microsoftteams/platform/resources/dev-preview/developer-preview-intro#enable-developer-preview)\n\nSimply press F5 to run your first Teams or navigate to the Debug tab in the activity bar and select Run icon to display the Run and Debug view. As a default, the toolkit will automatically help you to setup local environment and load the app in Teams.\n\nIf you want to have a better estimation of how the app will behave in the cloud environment, you can deploy your resources to the cloud and preview your app with the backend running in the cloud (remote).\n\n### Deploy your application to Azure\n\nDeployment happens in two steps: Provisioning and Deployment. Provisioning creates all the necessary Azure resources that your application uses. It is typically done once. To provision your backend to an active Azure subscription:\n\n- In the Visual Studio Code Command Palette, enter the command TeamsFx - Provision Resource.\n- You will be asked to sign into your Azure account. This is the account where Azure resources will be provisioned. Typically this is different from the M365 account you used to sign in earlier.\n- You will be asked to select a subscription to use from the Azure account.\n- Once provisioning is completed, Visual Studio Code will popup the notification with the message \"[Teams Toolkit] provision finished successfully\".\n\nDeploy copies your application to the provisioned Azure resources. It is typically done after every change to your application. To deploy your application to the provisioned resources in an active Azure subscription:\n\n- In the Visual Studio Code Command Palette, enter the command TeamsFx - Deploy Package.\n- Select Tab app and Backend to deploy.\n- Once deploy is finished, go to the Visual Studio Code Debug Panel (Ctrl+Shift+D / ⌘⇧-D or View -> Run) and select Launch Remote (Edge).\n- Press the start button (green arrow) to launch your app - now running remotely on Azure!\n\n### Publish your application to Teams\n\nWhen your application resources and infrastructure are deployed successfully, you can publish and register your app to Teams app catalog to share with others in your organization.\n\n- In the Visual Studio Code Command Palette, enter the command TeamsFx - Publish to Teams.\n- Depending on your permission, you can send your app to the admin portal directly, or manually submit the app package file to your admin to check.\n- Once your app is approved by your admin, you can see it under ‘Built for your org’ section in Teams Apps.\n\n## Contributing\n\nThere are many ways in which you can participate in the project, for example:\n\n- [Download our latest builds](https://github.com/OfficeDev/TeamsFx/releases).\n- [Submit bugs and feature requests](https://github.com/OfficeDev/TeamsFx/issues), and help us verify as they are checked in\n- Review [source code changes](https://github.com/OfficeDev/TeamsFx/pulls)\n- Review the [documentation](CONTRIBUTING.md) and make pull requests for anything from typos to new content\n\n## Reporting security issues\n\nGive security researchers information on how to privately report security vulnerabilities found in your open source project. See more details [Reporting security issues](https://docs.opensource.microsoft.com/content/releasing/security.html).\n\n\n## Telemetry\n\nThe software may collect information about you and your use of the software and send it to Microsoft. Microsoft may use this information to provide services and improve our products and services. You may turn off the telemetry as described in the repository. There are also some features in the software that may enable you and Microsoft to collect data from users of your applications. If you use these features, you must comply with` applicable law, including providing appropriate notices to users of your applications together with a copy of Microsoft's privacy statement. Our privacy statement is located at [Microsoft Privacy Statement](https://go.microsoft.com/fwlink/?LinkID=824704). You can learn more about data collection and use in the help documentation and our privacy statement. Your use of the software operates as your consent to these practices.\n\n## Code of conduct\n\nSee [Microsoft Open Source code of conduct](https://opensource.microsoft.com/codeofconduct).\n\n## Trademark\n\nThis project may contain trademarks or logos for projects, products, or services. Authorized use of Microsoft trademarks or logos is subject to and must follow [Microsoft's Trademark & Brand Guidelines](https://www.microsoft.com/en-us/legal/intellectualproperty/trademarks/usage/general). Use of Microsoft trademarks or logos in modified versions of this project must not cause confusion or imply Microsoft sponsorship. Any use of third-party trademarks or logos are subject to those third-party's policies.\n\n## License\n\nCopyright (c) Microsoft Corporation. All rights reserved.\n\nLicensed under the [MIT](LICENSE) license.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/OfficeDev/TeamsFx/issues"},"homepage":"https://github.com/OfficeDev/TeamsFx#readme","_id":"teamsfx-extension@2.0.0-alpha.20","_nodeVersion":"14.16.1","_npmVersion":"lerna/4.0.0/node@v14.16.1+x64 (linux)","dist":{"integrity":"sha512-1zIFLOsyTv+uMuOtQZGuz0EzEdKAWcc9qzWbU0x7F7iUXi79eeqiEp6v7ggCVz3TLnbk7zivXUdkLkN0Kjmf3A==","shasum":"3c1fc9eeb6fa0b7771bf6ba84eb103994f25c091","tarball":"https://registry.npmjs.org/teamsfx-extension/-/teamsfx-extension-2.0.0-alpha.20.tgz","fileCount":158,"unpackedSize":2108163,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJglQ3ICRA9TVsSAnZWagAACZcP/R4PkJBBDz2jzvPT/1SX\nARkFrwXf+OEUagXj4RIW0ir9qcsCPDKRfaVCb662Hg5xknNpeYmVo3rZOcxL\ncKrSlminCR3R7sPSKZEeaAwd/m7jsUPg0Sw7XGy1wVggUANlj6lD3PBhYTog\nM5ggFyTtpV3209d+WFEMgj5Chn+/XrHZljZYXF36k9b0iUZ6flgt8gIZjWP8\n64bRNbbWF6QGplhyH1PGCLxlZ4IwuBtoEPBwgoLMnW3iyLGyj+ikEkExqIRP\nDgTaNE6ANrw1QVVMK7jzEXBvvT2DmuNiTXv23VVfsDafxx4B5r2tTLg4HHag\nrD5wphGxUgX50PEnFhdiUUs/hqJbv7D+jYLwJgpeXmN/yH7034EHo2n6txN/\nSutiB2pTE2L15kBaR92kGTFpTUV+l1oygD9qJQES7tPBeyMWkHG0j86U+IR9\ndC4Ue49Rkq7w/s7XvnwzwrytMvr1WRR/ailZuMEmOXTDpMB+/CpyfIliPz/A\nj6O//HQuDDNXwmuDawd7wnKkthJay6CJY0vBWJzEHA1Ochvs27TrIj+OA++w\n+ULjpjukvVle6/wz0xgorljf3RnZ6bIu6693nVd4qYOZM8SRRNifcamFHPY9\nifyEqYRZJh/jk3hzEtM17S3vRSKKH4rIu8BNx1kDZsN17rU9Tsk0l7bxv6cd\nhq65\r\n=4m2V\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAwWBDX68JAV6It7+6pBr9rTxvF7sAqYynWv1orIBtg5AiAh6dZ1SI2VBYmePzE5kxJ0lW4AL/0RKjiDsyhb4UXNvg=="}]},"_npmUser":{"name":"zhyuer","email":"zhany@microsoft.com"},"directories":{},"maintainers":[{"name":"zhyuer","email":"zhany@microsoft.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/teamsfx-extension_2.0.0-alpha.20_1620381127927_0.056953698433239275"},"_hasShrinkwrap":false},"2.0.1-alpha.0":{"name":"teamsfx-extension","displayName":"Teams Toolkit","description":"Create, debug, and deploy Teams apps with Teams Toolkit","version":"2.0.1-alpha.0","publisher":"Microsoft","author":{"name":"Microsoft Corporation"},"icon":"media/teams.png","main":"./out/src/extension.js","repository":{"type":"git","url":"git+https://github.com/OfficeDev/TeamsFx.git"},"views":{"teamsfx-toolkit":[{"id":"teamsfx-toolkit","name":"Commands"}]},"engines":{"vscode":"^1.51.0"},"license":"MIT","keywords":["Microsoft Teams","Azure","M365"],"categories":["Azure","Extension Packs","Snippets"],"aiKey":"AIF-d9b70cd4-b9f9-4d70-929b-a071c400b217","featureFlag":"true","activationEvents":["*","onCommand:fx-extension.create","onCommand:fx-extension.update","onCommand:fx-extension.addCapability","onCommand:fx-extension.provision","onCommand:fx-extension.deploy","onCommand:fx-extension.updateAad","onCommand:fx-extension.validate-dependencies","onCommand:fx-extension.pre-debug-check","workspaceContains:**/.teamsfx/*","onView:teamsfx"],"contributes":{"viewsContainers":{"activitybar":[{"id":"teamsfx","title":"Teams Toolkit","icon":"media/teams.svg"}]},"views":{"teamsfx":[{"id":"teamsfx-getting-started","name":"Getting Started"},{"id":"teamsfx-accounts","name":"Accounts"},{"id":"teamsfx-project","name":"Project"},{"id":"teamsfx-teams-dev-center","name":"Teams Dev Center"},{"id":"teamsfx-feedback","name":"Feedback"}]},"menus":{"view/item/context":[{"command":"fx-extension.signOut","when":"view == teamsfx-accounts && viewItem == signedinM365","group":"inline@1"},{"command":"fx-extension.signOut","when":"view == teamsfx-accounts && viewItem == signedinAzure","group":"inline@1"},{"command":"fx-extension.m365AccountSettings","when":"view == teamsfx-accounts && viewItem == signedinM365","group":"inline@2"},{"command":"fx-extension.azureAccountSettings","when":"view == teamsfx-accounts && viewItem == signedinAzure","group":"inline@2"},{"command":"fx-extension.specifySubscription","when":"view == teamsfx-accounts && viewItem == selectSubscription","group":"inline"},{"command":"fx-extension.signInGuideline","when":"view == teamsfx-accounts && viewItem == signinM365","group":"inline"},{"command":"fx-extension.signInGuideline","when":"view == teamsfx-accounts && viewItem == signinAzure","group":"inline"}],"commandPalette":[{"command":"fx-extension.signOut","when":"false"},{"command":"fx-extension.signInGuideline","when":"false"},{"command":"fx-extension.m365AccountSettings","when":"false"},{"command":"fx-extension.azureAccountSettings","when":"false"},{"command":"fx-extension.specifySubscription","when":"false"}]},"commands":[{"command":"fx-extension.signOut","title":"Sign Out","icon":"$(sign-out)"},{"command":"fx-extension.signInGuideline","title":"Learn more about Teams development accounts","icon":"$(info)"},{"command":"fx-extension.m365AccountSettings","title":"M365 portal","icon":"$(settings-gear)"},{"command":"fx-extension.azureAccountSettings","title":"Azure portal","icon":"$(settings-gear)"},{"command":"fx-extension.specifySubscription","title":"Specify subscription","icon":"$(list-selection)"},{"command":"fx-extension.openWelcome","title":"Teams: Quick Start"},{"command":"fx-extension.openSamples","title":"Teams: Samples"},{"command":"fx-extension.openDocument","title":"Teams: Documentation"},{"command":"fx-extension.create","title":"Teams: Create New Project "},{"command":"fx-extension.update","title":"Teams: Add Resources"},{"command":"fx-extension.addCapability","title":"Teams: Add Capability"},{"command":"fx-extension.openManifest","title":"Teams: Manifest Editor"},{"command":"fx-extension.validateManifest","title":"Teams: Validate App Manifest File"},{"command":"fx-extension.build","title":"Teams: Build Teams Package"},{"command":"fx-extension.provision","title":"Teams: Provision in the Cloud"},{"command":"fx-extension.deploy","title":"Teams: Deploy to the Cloud"},{"command":"fx-extension.publish","title":"Teams: Publish to Teams"},{"command":"fx-extension.openAppManagement","title":"Teams: App Management"},{"command":"fx-extension.openBotManagement","title":"Teams: Bot Management"},{"command":"fx-extension.openReportIssues","title":"Teams: Report issues"},{"command":"fx-extension.validate-dependencies","title":"Teams - Validate Dependencies","enablement":"never"},{"command":"fx-extension.validate-spfx-dependencies","title":"Teams - Validate SPFx Dependencies","enablement":"never"},{"command":"fx-extension.pre-debug-check","title":"Teams - Pre Debug Check","enablement":"never"},{"command":"fx-extension.backend-extensions-install","title":"Teams - Backend Extensions Install","enablement":"never"}],"taskDefinitions":[{"type":"teamsfx","required":["command"],"properties":{"command":{"type":"string"}}}],"problemMatchers":[{"name":"teamsfx-frontend-watch","label":"%teamsfx.problemMatchers.teamsfxFrontendWatch%","owner":"Teams Toolkit","source":"teamsfx","applyTo":"allDocuments","fileLocation":["relative","${workspaceFolder}/tabs"],"pattern":[{"regexp":"^.*?\\.js$","file":0},{"regexp":"^\\s*Line\\s+(\\d+):(\\d+):\\s+(.*)$","line":1,"column":2,"message":3}],"background":{"activeOnStart":true,"beginsPattern":".*","endsPattern":"Compiled|Failed"},"severity":"error"},{"name":"teamsfx-backend-watch","label":"%teamsfx.problemMatchers.teamsfxbackendWatch%","owner":"Teams Toolkit","source":"teamsfx","applyTo":"allDocuments","fileLocation":["relative","${workspaceFolder}/api"],"pattern":[{"regexp":"^.*$","file":0,"location":1,"message":2}],"background":{"activeOnStart":true,"beginsPattern":"^.*(Job host stopped|signaling restart).*$","endsPattern":"^.*(Worker process started and initialized|Host lock lease acquired by instance ID).*$"}},{"name":"teamsfx-auth-watch","label":"%teamsfx.problemMatchers.teamsfxAuthWatch%","owner":"Teams Toolkit","source":"teamsfx","applyTo":"allDocuments","fileLocation":["relative","${workspaceFolder}"],"pattern":[{"regexp":"^.*$","file":0,"location":1,"message":2}],"background":{"activeOnStart":true,"beginsPattern":".*","endsPattern":".*"}},{"name":"teamsfx-ngrok-watch","label":"%teamsfx.problemMatchers.teamsfxNgrokWatch%","owner":"Teams Toolkit","source":"teamsfx","applyTo":"allDocuments","fileLocation":["relative","${workspaceFolder}"],"pattern":[{"regexp":"^.*$","file":0,"location":1,"message":2}],"background":{"activeOnStart":true,"beginsPattern":"starting web service","endsPattern":"started tunnel|failed to reconnect session"}},{"name":"teamsfx-bot-watch","label":"%teamsfx.problemMatchers.teamsfxBotWatch%","owner":"Teams Toolkit","source":"teamsfx","applyTo":"allDocuments","fileLocation":["relative","${workspaceFolder}/bot"],"pattern":[{"regexp":"^.*$","file":0,"location":1,"message":2}],"background":{"activeOnStart":true,"beginsPattern":"[nodemon] starting","endsPattern":"listening|[nodemon] app crashed"}}],"configuration":[{"title":"Teams Toolkit","properties":{"fx-extension.validateNode":{"type":"boolean","description":"Ensure Node.js is installed.","default":true},"fx-extension.validateDotnetSdk":{"type":"boolean","description":"Ensure .NET SDK is installed.","default":true},"fx-extension.stopTeamsfxTasksPostDebug":{"type":"boolean","description":"Automatically stop all Teams Toolkit tasks when debug session ends.","default":true}}}]},"scripts":{"lint:staged":"lint-staged","vscode:prepublish":"rimraf out && npm run package","copy-files":"copyfiles -u 1 src/**/*.html src/**/*.css src/**/*.ps1 src/**/*.sh out/src/","copy-test-files":"copyfiles -u 1 test/**/*.ps1 test/**/*.sh out/test/","compile":"tsc -p ./ && npm run copy-files","build":"npm run compile","watch":"webpack --watch --devtool nosources-source-map --info-verbosity verbose --config ./webpack.config.js","package":"rimraf out && webpack --mode production --config ./webpack.config.js","test-compile":"tsc -p ./","test-watch":"npm run copy-test-files && tsc -watch -p ./","pretest":"npm run lint && npm run check-format && npm run test-compile","test:unit":"echo 'to be implementd'","test:integration":"echo 'to be implementd'","test:e2e":"echo 'to be implementd'","test:env-checker":"npm run compile && npm run copy-test-files && npx mocha --require source-map-support/register --ui tdd \"./out/test/suite/envChecker/cases/**/*.js\" --timeout 180000","check-format":"prettier --list-different --config .prettierrc.json --ignore-path .prettierignore \"src/**/*.ts\" \"test/**/*.ts\" \"*.{js,json}\"","format":"prettier --write --config .prettierrc.json --ignore-path .prettierignore \"src/**/*.ts\" \"test/**/*.ts\" \"*.{js,json}\"","lint:fix":"eslint --config .eslintrc.js package.json src test --ext .ts --fix --fix-type [problem,suggestion]","lint":"eslint \"src/**/*.ts\" \"test/**/*.ts\"","prepare":"npm run build"},"devDependencies":{"@azure/arm-subscriptions":"^3.0.0","@azure/eslint-plugin-azure-sdk":"^2.0.1","@commitlint/cli":"^12.0.1","@commitlint/config-conventional":"^12.0.1","@fluentui/react":"^8.5.1","@shared/eslint-config":"^0.0.0","@types/adm-zip":"^0.4.33","@types/chai":"^4.2.14","@types/chai-as-promised":"^7.1.3","@types/chai-spies":"^1.0.3","@types/express":"^4.17.11","@types/fs-extra":"^9.0.5","@types/glob":"^7.1.3","@types/mocha":"^8.0.0","@types/node":"^12.11.7","@types/react":"^17.0.3","@types/react-dom":"^17.0.2","@types/react-router-dom":"^5.1.7","@types/sinon":"^9.0.9","@types/tmp":"^0.2.0","@types/underscore":"^1.11.0","@types/uuid":"^8.3.0","@types/vscode":"^1.51.0","@typescript-eslint/eslint-plugin":"^4.19.0","@typescript-eslint/parser":"^4.19.0","adm-zip":"^0.5.4","chai":"^4.2.0","chai-as-promised":"^7.1.1","chai-spies":"^1.0.0","copy-webpack-plugin":"^6.4.1","copyfiles":"^2.4.1","css-loader":"^5.1.3","eslint":"^7.22.0","find-process":"^1.4.4","fs-extra":"^9.0.1","glob":"^7.1.6","html-webpack-plugin":"^3.2.0","husky":"^4.3.8","lint-staged":"^10.5.4","mocha":"^8.1.3","mocha-junit-reporter":"^2.0.0","mocha-multi-reporters":"^1.5.1","mock-require":"^3.0.3","ms-rest":"^2.5.4","node-loader":"^2.0.0","node-sass":"^5.0.0","prettier":"^1.16.4","react":"^17.0.2","react-dom":"^17.0.2","react-intl":"^5.13.5","react-router-dom":"^5.2.0","rimraf":"^3.0.2","sass":"^1.32.8","sass-loader":"^10.0.1","sinon":"^9.2.2","source-map-support":"^0.5.19","style-loader":"^2.0.0","terser-webpack-plugin":"^4.2.3","tmp":"^0.2.1","ts-loader":"^8.0.3","ts-node":"^9.0.0","typescript":"^4.2.4","url-loader":"^4.1.1","uuid":"^8.3.2","vsce":"^1.87.1","webpack":"^4.44.1","webpack-cli":"^3.3.12","winston":"^3.3.3"},"dependencies":{"@azure/identity":"^1.2.1","@azure/ms-rest-nodeauth":"^3.0.7","@azure/msal-node":"^1.0.0-beta.5","async-mutex":"^0.3.1","dotenv":"^8.2.0","express":"^4.17.1","fx-api":"^1.1.2-alpha.0","fx-core":"^1.1.2-alpha.0","jsonschema":"^1.4.0","opn":"^6.0.0","sudo-prompt":"^9.2.1","underscore":"^1.12.1","vscode-extension-telemetry":"^0.1.6","vscode-test":"^1.5.2"},"lint-staged":{"**/*.ts":["eslint"]},"extensionDependencies":["ms-vscode.azure-account"],"husky":{"hooks":{"commit-msg":"commitlint -e $HUSKY_GIT_PARAMS"}},"gitHead":"c5a466b81378b6be263a143c475ccfb2d3793a71","readme":"# Microsoft Teams Toolkit for Visual Studio Code\n\n## What is the Teams Toolkit?\n\nThe Teams Toolkit helps developers create and deploy Teams apps with integrated Identity, access to cloud storage, data from [Microsoft Graph](https://docs.microsoft.com/en-us/graph/teams-concept-overview), and other services in [Azure](https://docs.microsoft.com/en-us/microsoftteams/platform/build-your-first-app/build-bot) and [M365](https://docs.microsoft.com/en-us/microsoftteams/platform/concepts/build-and-test/prepare-your-o365-tenant) with a “zero-configuration” approach to the developer experience.\n\n![](\"https://raw.githubusercontent.com/HuihuiWu-Microsoft/Teams-Toolkit-V2/main/landingPage_MicrosoftTeams.png\")
\n\n## What are Teams app “Capabilities”?\n\nTeams apps are a combination of [capabilities](https://docs.microsoft.com/en-us/microsoftteams/platform/concepts/capabilities-overview) and [entry points](https://docs.microsoft.com/en-us/microsoftteams/platform/concepts/extensibility-points). For example, people can chat with your app's bot (capability) in a channel (entry point).\n\n### Tab\nTab are Teams-aware webpages embedded in Microsoft Teams. They are simple HTML tags that point to domains declared in the app manifest and can be added as part of a channel inside a team, group chat, or personal app for an individual user.\n\n### Bot\nBots allow users to interact with your web service through text, interactive cards, and task modules.\n\n### Messaging Extension\nMessaging extensions allow users to interact with your web service through buttons and forms in the Microsoft Teams client.\n\n## Build a Teams app in less than 5 minutes\n\nBuild a Teams app from the scratch or explore our [samples](https://github.com/OfficeDev/TeamsFx-Samples) to help you quickly get started with the basic Teams app concepts and code structures.\n\n## Prerequisites\n\nVerify you have the right prerequisites for building Teams apps and install some recommended development tools. [Read more details](https://docs.microsoft.com/en-us/microsoftteams/platform/build-your-first-app/build-first-app-overview).\n\n![](\"https://raw.githubusercontent.com/OfficeDev/TeamsFx/main/landingPage_MicrosoftTeams.png\")
\n\n## What are Teams app “Capabilities”?\n\nTeams apps are a combination of [capabilities](https://docs.microsoft.com/en-us/microsoftteams/platform/concepts/capabilities-overview) and [entry points](https://docs.microsoft.com/en-us/microsoftteams/platform/concepts/extensibility-points). For example, people can chat with your app's bot (capability) in a channel (entry point).\n\n### Tab\nTab are Teams-aware webpages embedded in Microsoft Teams. They are simple HTML tags that point to domains declared in the app manifest and can be added as part of a channel inside a team, group chat, or personal app for an individual user.\n\n### Bot\nBots allow users to interact with your web service through text, interactive cards, and task modules.\n\n### Messaging Extension\nMessaging extensions allow users to interact with your web service through buttons and forms in the Microsoft Teams client.\n\n## Build a Teams app in less than 5 minutes\n\nBuild a Teams app from the scratch or explore our [samples](https://github.com/OfficeDev/TeamsFx-Samples) to help you quickly get started with the basic Teams app concepts and code structures.\n\n## Prerequisites\n\nVerify you have the right prerequisites for building Teams apps and install some recommended development tools. [Read more details](https://docs.microsoft.com/en-us/microsoftteams/platform/build-your-first-app/build-first-app-overview).\n\n![](\"https://raw.githubusercontent.com/OfficeDev/TeamsFx/main/landingPage_nodejs.png\")
![](\"https://raw.githubusercontent.com/OfficeDev/TeamsFx/main/landingPage_m365.png\")
![](\"https://raw.githubusercontent.com/OfficeDev/TeamsFx/main/landingPage_azure.png\")
![](\"https://raw.githubusercontent.com/OfficeDev/TeamsFx/main/packages/vscode-extension/media/landingPage_MicrosoftTeams.png\")
\n\n## What are Teams app “Capabilities”?\n\nTeams apps are a combination of [capabilities](https://docs.microsoft.com/en-us/microsoftteams/platform/concepts/capabilities-overview) and [entry points](https://docs.microsoft.com/en-us/microsoftteams/platform/concepts/extensibility-points). For example, people can chat with your app's bot (capability) in a channel (entry point).\n\n### Tab\n\nTab are Teams-aware webpages embedded in Microsoft Teams. They are simple HTML tags that point to domains declared in the app manifest and can be added as part of a channel inside a team, group chat, or personal app for an individual user.\n\n### Bot\n\nBots allow users to interact with your web service through text, interactive cards, and task modules.\n\n### Messaging Extension\n\nMessaging extensions allow users to interact with your web service through buttons and forms in the Microsoft Teams client.\n\n## Build a Teams app in less than 5 minutes\n\nBuild a Teams app from the scratch or explore our [samples](https://github.com/OfficeDev/TeamsFx-Samples) to help you quickly get started with the basic Teams app concepts and code structures.\n\n## Prerequisites\n\nVerify you have the right prerequisites for building Teams apps and install some recommended development tools. [Read more details](https://docs.microsoft.com/en-us/microsoftteams/platform/build-your-first-app/build-first-app-overview).\n\n![](\"https://raw.githubusercontent.com/OfficeDev/TeamsFx/main/packages/vscode-extension/media/landingPage_nodejs.png\")
![](\"https://raw.githubusercontent.com/OfficeDev/TeamsFx/main/packages/vscode-extension/media/landingPage_m365.png\")
![](\"https://raw.githubusercontent.com/OfficeDev/TeamsFx/main/packages/vscode-extension/media/landingPage_azure.png\")