Skip to content

Kusi's Knowledge Base

Teams Toolkit Component Framework

Learning

Teams Toolkit Extension

Teams Toolkit Fundamentals

Prerequisits

Install Visual Studio Code

Download and Install NVM Setup

Open PowerShell as Administrator

Install the latest NodeJS

nvm install 16.20.0
nvm use 16.20.0

Start Visual Studio Code and install Extension: Teams Toolkit Extension

Navigate the Teams Toolkit and click on Run Prerequisite Checker and if its done click in this Dialog on the bottom on Mark Done

Navigate the Teams Toolkit Add Account in section Accounts

Create Project

Click on Teams Toolkit and Create a new App

Create new Project

Select Tab

Tab

Select SPFx

SPFx

Select Install the latest SPFx

SPFx Version

Select React

React

Sign in in Tab Accounts

React

Debug

Press F5

Build

In section LIFECYCLE it have 3 steps

Lifecycle

Provision

Create Teams App Package and make all initial entries in Teams App Store

Deploy

Create Teams App Package and make all initial entries in Teams App Store

Publish

Create Teams App Package and update it in Teams App Store