Edit

Share via


Develop your apps with Agents Toolkit

After you create your app in Developer Portal for Teams, you can:

Microsoft 365 Agents Toolkit (previously known as Teams Toolkit) scaffolds the necessary files based on the feature and configurations you set in Developer Portal. This makes a seamless transition between Developer Portal and Agents Toolkit in Visual Studio Code and Visual Studio.

Open your app in Visual Studio Code

In Developer Portal, you can open and launch your project (React app) in Visual Studio Code.

Note

To enable your app to open, install the latest version of Agents Toolkit for Visual Studio Code.

Following are the steps to open your app in Visual Studio Code from Developer Portal:

  1. Sign in to Developer Portal and select Apps from the left pane.

  2. Select Develop > Open in Microsoft 365 Agents Toolkit > Open in Visual Studio Code (JS/TS).

    Screenshot shows the Developer Portal with Open in Agents Toolkit highlighted in red.

    A dialog opens in a browser window.

  3. Select Open.

    Screenshot of browser with Open option highlighted in red.

    A dialog opens in Visual Studio Code.

  4. Select Open.

    Screenshot shows Developer Preview page with Open option highlighted in red.

    If necessary, sign in to your Microsoft 365 account.

  5. Select your app and select OK.

    Agents Toolkit converts the URL you configured in Developer Portal to a localhost address to work with the debugging process.

    Screenshot shows Agents Toolkit with OK option highlighted in red.

  6. Select your preferred programming language.

    Screenshot shows Agents Toolkit with Select a programming language highlighted in red.

  7. Select your workspace folder.

    Screenshot shows the Agents Toolkit with workspace folder highlighted in red

  8. Enter an app name.

    Screenshot of Agents Toolkit with Application name highlighted in red.

    Agents Toolkit scaffolds your project with all the necessary config and code files, now you're ready to start development.

    Screenshot shows you the scaffolding of your project in Visual Studio Code.

Open your app in Visual Studio

You can open your project in Visual Studio and scaffold your project in Visual Studio with Agents Toolkit. Ensure that you installed Visual Studio 2022 version 17.6 Preview 2.

Following are the steps to open your app in Visual Studio from Developer Portal:

  1. Sign in to Developer Portal and select Apps from the left pane.

  2. Select Develop > Open in Microsoft 365 Agents Toolkit > Open in Visual Studio (.NET).

    Screenshot shows the Developer Portal with Open in Agents Toolkit.

  3. Select Open to scaffold your project.

    Screenshot of browser with Open option in visual studio.

    If necessary, sign in to your Microsoft 365 account.

  4. Enter your project name, ___location, and solution name. Select Create.

    Screenshot shows you the details tab to set the app name.

  5. Select the application type and select Create.

    Agents Toolkit converts the app you configured in Developer Portal to a localhost address to work with the debugging process.

    Screenshot shows you the type of app in visual studio.

    Agents Toolkit scaffolds your project with all the necessary config and code files, now you're ready to start development.

    Screenshot shows you the scaffolding of your project in visual studio.

After you open your app in Agents Toolkit, you can now develop and debug your Teams app in Agents Toolkit.

Note

You can work in Agents Toolkit through Developer Portal in preview version only.

See also

Publish your Teams apps using Developer Portal