It'll take a few minutes to complete generating the code template. yo teamsįor manifest version select v1.5 which is the current general available schema and for hosting URL go with the default value for now and we'll change it in the config file later. For the sake of this tutorial we'll keep it simple and we won't include any extra features in this project. The following command generates the template based on your answers. Now that the dependencies are installed you can use the yo command to generate the template code. Install generator-teams globally so yo command can use this template and scaffold the project. To be able to scaffold the project you need Yeoman tool and for running build tasks you need Gulp CLI which you can install using the following command: npm i -g yo gulp-cli You can install the latest LTS version from NodeJS website. It takes care of creating everything to get started without any manual setup.įirst, you need to have NodeJS installed on your machine. The generator itself uses a tool called Yeoman which is a client-side opinionated template generator. This generator creates a JavaScript project using React framework. We bootstrap this project using an open-source library called generator-teams from Microsoft 365 Patterns and Practices (PnP).

You can find the instructions on how to enable custom app in Microsoft website. If you want to use your organization account you need to be the owner of the team or have access to enable 'Custom Teams App'. For this tutorial, I recommend using your personal account so you can add a custom app to the channels. It could be your personal or organization account. In this article, I'm going to walk you through the steps to create your first app for Microsoft Teams and add it as a tab to your organization team channel.īefore we start, you need to have a Microsoft Teams account. Microsoft Teams lets apps integrate into your team channels and enables team members to switch between your application and conversations smoothly with the same context using Single-Sign-On (SSO). But beyond the capabilities of collaboration and meetings, it comes with a rich library of extension apps which you can add to your teams. Microsoft Teams is a Microsoft collaboration tool and gained more popularity during COVID-19, becoming Microsoft's fastest-growing business app ever.

Create microsoft teams app