Skip to content

Latest commit

 

History

History
120 lines (71 loc) · 6.25 KB

install-Teams-Toolkit.md

File metadata and controls

120 lines (71 loc) · 6.25 KB
Raw
title author description ms.author ms.localizationpriority ms.topic ms.date
Install Teams Toolkit
zyxiaoyuer
Learn about installation of Teams Toolkit of different versions in Visual Studio Code and marketplace.
zhany
medium
overview
07/29/2022

Install Teams Toolkit

This section helps you to know about the prerequisites, install Microsoft Teams Toolkit for Microsoft Visual Studio Code, and install a different version of Teams Toolkit.

Prerequisites

  • Download and install Visual Studio Code before you set up Teams Toolkit for Visual Studio Code.
  • NodeJS version 16 or later.
  • NPM 8 or later.

Install Teams Toolkit for Visual Studio Code

You can install Teams Toolkit using Extensions in Visual Studio Code, or install it from the Visual Studio Code Marketplace.

Visual Studio Code

  1. Launch Visual Studio Code.

  2. Select View > Extensions or Ctrl+Shift+X. You can also open extensions by selecting the extensions :::image type="icon" source="../assets/images/teams-toolkit-v2/teams toolkit fundamentals/vsc-ext-icon.png" border="false"::: icon from the Visual Studio Code activity bar.

    :::image type="content" source="../assets/images/teams-toolkit-v2/teams toolkit fundamentals/install toolkit-1_2.png" alt-text="Screenshot shows the Extensions option under View.":::

    The EXTENSIONS: MARKETPLACE pane appears.

  3. Enter Teams Toolkit in the search box.

    :::image type="content" source="../assets/images/teams-toolkit-v2/teams toolkit fundamentals/teams-toolkit-search.PNG" alt-text="Screenshot show the Teams Toolkit listed in the search result.":::

    Teams Toolkit appears in the search result.

  4. Select Teams Toolkit, and then from the Teams Toolkit extension page that appears in the right pane, select Install.

    :::image type="content" source="../assets/images/teams-toolkit-v2/teams toolkit fundamentals/teams-toolkit-ga.PNG" alt-text="Screenshot show the Teams Toolkit.":::

    After successful installation of Teams Toolkit in Visual Studio Code, the Teams Toolkit icon appears in the Visual Studio Code activity bar.

    :::image type="content" source="../assets/images/teams-toolkit-v2/teams toolkit fundamentals/toolkit-activity-bar.jpg" alt-text="Screenshot shows the Teams Toolkit icon in the activity bar.":::

Marketplace

  1. Go to Visual Studio Code Marketplace in a web browser.

    :::image type="content" source="../assets/images/teams-toolkit-v2/teams toolkit fundamentals/install-marketplace.png" alt-text="Screenshot shows the Teams Toolkit Marketplace screen.":::

  2. Select Install.

    :::image type="content" source="../assets/images/teams-toolkit-v2/teams toolkit fundamentals/Install-teams-toolkit.png" alt-text="Screenshot shows the Install option.":::

  3. In the pop-up window, select Open.

    :::image type="content" source="../assets/images/teams-toolkit-v2/teams toolkit fundamentals/select-open_1.png" alt-text="Screenshot shows a pop-up window to open Visual Studio Code.":::

    Visual Studio Code opens with the Teams Toolkit extension page.

    :::image type="content" source="../assets/images/teams-toolkit-v2/teams toolkit fundamentals/ttk-in-vsc.png" alt-text="Screenshot shows how to select Teams Toolkit in Visual Studio Code."

  4. Select Install.

    :::image type="content" source="../assets/images/teams-toolkit-v2/teams toolkit fundamentals/teams-toolkit-ga.png" alt-text="Screenshot shows the selection of Install option in Teams Toolkit.":::

    After successful installation of Teams Toolkit in Visual Studio Code, the Teams Toolkit icon appears in the Visual Studio Code activity bar.

    :::image type="content" source="../assets/images/teams-toolkit-v2/teams toolkit fundamentals/toolkit-activity-bar.jpg" alt-text="Screenshot shows the Teams Toolkit icon in the activity bar after installation.":::

Install a different release version

By default, Visual Studio Code automatically keeps Teams Toolkit up-to-date. If you want to install a different release version, follow these steps:

  1. Select Extensions :::image type="icon" source="../assets/images/teams-toolkit-v2/extension icon.png" border="false"::: from the Visual Studio Code activity bar.

  2. Enter Teams Toolkit in the search box.

    :::image type="content" source="../assets/images/teams-toolkit-v2/teams toolkit fundamentals/TeamsToolkit-search.png" alt-text="Screenshot shows the Teams Toolkit search and the result.":::

  3. Select Teams Toolkit.

  4. On the Teams Toolkit page, select the dropdown next to Uninstall.

  5. Select Install Another Version... from the dropdown list.

    :::image type="content" source="../assets/images/teams-toolkit-v2/teams toolkit fundamentals/install-another-version.png" alt-text="Screenshot shows the option to select other version of Visual Studio Code.":::

  6. Select the required version to install.

    :::image type="content" source="../assets/images/teams-toolkit-v2/teams toolkit fundamentals/Olderversions of VS Code.png" alt-text="Screenshot shows versions other than the latest version of Visual Studio Code.":::

    Teams Toolkit install the selected version.

Install a pre-release version

The Teams Toolkit for Visual Studio Code extension is available in a pre-release version. To install a Teams Toolkit pre-release version, follow these steps:

  1. Open Visual Studio Code.
  2. Select Extensions :::image type="icon" source="../assets/images/teams-toolkit-v2/teams toolkit fundamentals/extension icon.png" border="false" alt-text="Screenshot shows the extension icon."::: from the Visual Studio Code activity bar.
  3. Enter Teams Toolkit in the search box.
  4. On the Teams Toolkit page, select the dropdown arrow next to Install.
  5. Select Install Pre-Release Version.

Next step

[!div class="nextstepaction"] Explore Teams Toolkit

See also