- Part 0 - Environment Setup
- Part 1 - Create a new Teams tab ( 📍 You are here )
- Part 2 - Add Single Sign On feature in your tab
- Part 3 - Add Microsoft Graph Toolkit TeamsFX Provider and build consent permissions feature
- Part 4 - Design your One Productivity Hub using by Microsoft Graph Toolkit components
- Part 5 - Test One Productivity Hub app on Microsoft Teams
📌 NOTE 📌 : Make sure to complete the setup for Microsoft Teams Toolkit.
-
Launch Visual Studio Code and select Microsoft Teams icon on the left side bar, then select Create a new Teams app.
-
Select Create a new Teams app and press Enter.
-
Select Tab and press Enter.
-
Select JavaScript and press Enter.
-
Select a folder to save your application and give an application name as OneProductivityHub, press Enter.
-
Once your application is created, select Teams Toolkit tab on the left side bar, go to Accounts section and sign in with your Microsoft 365 Developer Tenant.
-
Select Run and Debug tab in the left side bar and select Debug icon to run the app.
-
Once Microsoft Teams is launched in your selected browser, select Add to display your app on Microsoft Teams.
-
Teams Toolkit will run the tab in your Microsoft 365 Developer Tenant account.
- Microsoft Docs - Build apps with the Microsoft Teams Toolkit and Visual Studio Code
- Visual Studio Marketplace - Microsoft Teams Toolkit Extension for Visual Studio Code