+ Title: Develop your apps with Teams Toolkit

+description: Learn how to integrate your app from Teams Developer Portal to Teams Toolkit in Visual Studio Code and Visual Studio.

+ms.localizationpriority: medium

+# Develop your apps with Teams Toolkit

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

+* [Open your app in Visual Studio Code](#open-your-app-in-visual-studio-code).

+* [Open your app in Visual Studio](#open-your-app-in-visual-studio).

+Teams Toolkit scaffolds the necessary files based on the feature and configurations you set in Teams Developer Portal. This makes a seamless transition between Teams Developer Portal and Teams Toolkit in Visual Studio Code and Visual Studio.

+## Open your app in Visual Studio Code

+In Teams Developer Portal, you can open and launch your project in Visual Studio Code.

+Following are the steps to open your app in Visual Studio Code:

+1. Select **Develop (Preview)** > **Open in Teams Toolkit** > **Open in Visual Studio Code (JS/TS)**.

+ :::image type="content" source="../../assets/images/tdp/open-in-teams-toolkit.png" alt-text="Screenshot shows the Developer Portal with Open in Teams Toolkit highlighted in red." lightbox="../../assets/images/tdp/open-in-teams-toolkit.png":::

+ A dialog is displayed.

+1. Select **Open**.

+ :::image type="content" source="../../assets/images/tdp/select-open.png" alt-text="Screenshot of browser with Open option highlighted in red.":::

+ A dialog is displayed.

+1. Select **Open**.

+ :::image type="content" source="../../assets/images/tdp/open-link.png" alt-text="Screenshot shows Developer Preview page with Open option highlighted in red.":::

+ If necessary, sign in to your Microsoft 365 account.

+1. Select your preferred programming language.

+ :::image type="content" source="../../assets/images/tdp/select-programmimg-language.png" alt-text="Screenshot shows Teams Toolkit with Select a programming language highlighted in red.":::

+1. Select your workspace folder.

+ :::image type="content" source="../../assets/images/tdp/workspace-folder.png" alt-text="Screenshot shows the Teams Toolkit with workspace folder highlighted in red":::

+1. Enter an app name.

+ :::image type="content" source="../../assets/images/tdp/select-application-name.png" alt-text="Screenshot of Teams Toolkit with Application name highlighted in red.":::

+1. Select your app and select **OK**.

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

+ :::image type="content" source="../../assets/images/tdp/select-ok.png" alt-text="Screenshot shows Teams Toolkit with OK option highlighted in red.":::

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

+ :::image type="content" source="../../assets/images/tdp/scaffold.png" alt-text="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 Teams Toolkit. Ensure that you installed [Visual Studio 2022 version 17.6 Preview 2](/visualstudio/releases/2022/release-notes-preview#17.6.0-pre.2.0).

+Following are the steps to open your app in Visual Studio:

+1. Select **Develop (Preview)** > **Open in Teams Toolkit** > **Open in Visual Studio (.NET)**.

+ :::image type="content" source="../../assets/images/tdp/tdp-teams-toolkit-vs.png" alt-text="Screenshot shows the Developer Portal with Open in Teams Toolkit." lightbox="../../assets/images/tdp/tdp-teams-toolkit-vs.png":::

+1. Select **Open** to scaffold your project.

+ :::image type="content" source="../../assets/images/tdp/tdp-vs-open.png" alt-text="Screenshot of browser with Open option in visual studio.":::

+ If necessary, sign in to your Microsoft 365 account.

+1. Enter your project name, location, and solution name. Select **Create**.

+ :::image type="content" source="../../assets/images/tdp/tdp-vs-open-file.png" alt-text="Screenshot shows you the details tab to set the app name.":::

+1. Select the application type and select **Next**.

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

+ :::image type="content" source="../../assets/images/tdp/tdp-vs-bot.png" alt-text="Screenshot shows you the type of app in visual studio.":::

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

+ :::image type="content" source="../../assets/images/tdp/vs-scaffold.png" alt-text="Screenshot shows you the scaffolding of your project in visual studio. ":::

+After you open your app in Teams Toolkit, you can now [develop](/microsoftteams/platform/toolkit/teamsfx-multi-env) and [debug](../../toolkit/debug-overview.md) your Teams app in Teams Toolkit.

+## See also

+[Publish your Teams apps using Developer Portal](../../toolkit/publish-your-teams-apps-using-developer-portal.md)

+* [Develop (Preview)](#develop-preview)

+ > Connector isn't available for Government Community Cloud (GCC) tenants.

+## Develop (Preview)

+In the **Develop (Preview)** section, you can open and develop your app in Teams Toolkit in the Visual Studio Code and Visual Studio. For more information, see [develop your app with Teams Toolkit](develop-your-apps-with-teams-toolkit.md).

+ Title: Publish your Teams apps using Developer Portal

+description: Learn how to integrate with Developer Portal in Teams Toolkit.

+ms.localizationpriority: medium

+# Publish your Teams apps using Developer Portal

+You can configure and manage your app in Developer Portal within Teams Toolkit.

+## To Publish app using Developer Portal

+You can publish your app, which is created in Visual Studio and Visual Studio Code using Developer Portal:

+# [Visual Studio Code](#tab/visualstudiocode)

+The following are the steps to publish your app in Teams Developer Portal:

+1. In **Teams Toolkit**, under **DEPLOYMENT** select **Developer Portal for Teams**.

+ :::image type="content" source="../assets/images/teams-toolkit-v2/teams toolkit fundamentals/dev-portal-ttk_1.png" alt-text="Developer Portal for Teams":::

+ Developer Portal opens in a browser.

+1. Sign in to [Developer Portal for Teams](https://dev.teams.microsoft.com) using the corresponding account.

+1. To import your app package in zip format, select **Apps** > **Import app**.

+ :::image type="content" source="../assets/images/teams-toolkit-v2/teams toolkit fundamentals/Select_Import_app.png" alt-text="Select Import app":::

+1. Select **Publish** > **Publish to your org**.

+ :::image type="content" source="../assets/images/teams-toolkit-v2/teams toolkit fundamentals/Select_Publish_to_org.png" alt-text="Select to publish the app to your organization.":::

+# [Visual Studio](#tab/visualstudio)

+The following are the steps to publish your app in Teams Developer Portal:

+1. Select **Project** > **Teams Toolkit** > **Open Teams Developer Portal to Publish**.

+ :::image type="content" source="../assets/images/tdp/tdp-vs.png" alt-text="Screenshot shows you how to open developer portal from visual studio.":::

+1. Select the app package.

+1. Teams Toolkit opens your app in **Teams Developer Portal** and direct you to the **Publish to your org** page, from there you can select **Publish your app** to continue with your publishing process.

+ :::image type="content" source="../assets/images/tdp/vs-tdp.png" alt-text="Screenshot shows you the app open in Teams Developer Portal.":::

+## To update Manifest file and app package

+If there are any changes related to Teams app's manifest file, you can update the manifest and publish the Teams app again. To publish Teams app manually, you can use [Developer Portal for Teams](https://dev.teams.microsoft.com/home).

+1. Sign in to [Developer Portal for Teams](https://dev.teams.microsoft.com) using the corresponding account.

+1. Select **Apps** > **Import app** to import your app package in zip format.<br>

+ You need to replace the app, that you previously uploaded to the Developer Portal.

+1. Select **Publish** > **Publish to your org**.

+You can do the following configuration for your app in the Developer Portal:

+* **Basic information**: This section shows and allows you to edit the **App names**, **App ID**, **Descriptions**, **Version**, **Developer information**, **App URLs**, **Application (client) ID**, and **Microsoft Partner Network ID**.

+* **Branding**: This section allows you to add **Color icon** and **Outline icon** in `.png` format.

+* **App features**: This section allows you to add the following features to your app:

+ * Personal app

+ * Bot

+ * Connector

+ * Scene

+ * Group and channel app

+ * Messaging extension

+ * Meeting extension

+ * Activity feed notification

+* **Permissions**: This section allows you to give **Device permissions**, **Team Permissions**, **Chat/Meeting Permissions**, and **User Permissions** for your app.

+* **Single sign-on**: This section allows you to configure your app to authenticate users with single sign-on (SSO) and to specify your app's resource for getting authorization tokens.

+* **Languages**: This section allows you to set up or change the language of your app.

+* **Domain**: This section allows you to add the domains to load your apps in the Teams client, such as *.example.com.

+## See also

+* [Teams Toolkit Overview](teams-toolkit-fundamentals.md)

+* [Developer Portal for Teams](../concepts/build-and-test/teams-developer-portal.md)

+* [Manage your apps in Developer Portal](../concepts/build-and-test/manage-your-apps-in-developer-portal.md)

+* [Develop your apps with Teams Toolkit](../concepts/build-and-test/develop-your-apps-with-teams-toolkit.md)

+* ***April 24, 2023***: [Develop your apps with Teams Toolkit](concepts/build-and-test/develop-your-apps-with-teams-toolkit.md)