Skip to content

[Doc Improvement][Teams Toolkit VSC image replacement][4457062] #12761

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 12 commits into
base: main
Choose a base branch
from
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
2 changes: 1 addition & 1 deletion msteams-platform/toolkit/add-resource.md
Original file line number Diff line number Diff line change
Expand Up @@ -46,7 +46,7 @@ You can add cloud resources in the following ways:

:::image type="content" source="~/assets/images/teams-toolkit-v2/manual/cloud/Teams-add-features_1.png" alt-text="Screenshot shows the Command Palette option under View.":::

1. Enter **How-to Guides** and select **Teams:View How-to Guides** from the list.
1. Enter **How-to Guides** and select **Microsoft 365 Agent: View How-to Guides** from the list.

:::image type="content" source="../assets/images/teams-toolkit-v2/manual/how-to-guides.png" alt-text="Screenshot shows the selection of View how-to guides from the list.":::

Expand Down
4 changes: 2 additions & 2 deletions msteams-platform/toolkit/create-new-project.md
Original file line number Diff line number Diff line change
Expand Up @@ -14,7 +14,7 @@ In this section, you can learn how to create a new Microsoft Teams project using

## Create a new Teams project using Visual Studio Code

You can build a new Teams project by selecting **Create a New App** in Microsoft Teams Toolkit. You can start from built-in Teams app templates or start from official Teams app samples in Teams Toolkit. What's more, Teams Toolkit supports to start with Outlook Add-in templates to build your own Outlook Add-ins.
You can build a new Teams project by selecting **Create a New App** > select **Teams App** > select the capability **Bot** in Microsoft Teams Toolkit. You can start from built-in Teams app templates or start from official Teams app samples in Teams Toolkit. What's more, Teams Toolkit supports to start with Outlook Add-in templates to build your own Outlook Add-ins.

:::image type="content" source="../assets/images/teams-toolkit-v2/first-tab/select-capabilities-tabapp_1.png" alt-text="Screenshot shows the App Capability options.":::

Expand All @@ -34,7 +34,7 @@ To create a basic Teams app:

1. Open **Visual Studio Code**.

1. Select the **Teams Toolkit** > **Create a New App**.
1. Select the **Teams Toolkit** > **Create a new Agent/App** > **Teams Toolkit**.

:::image type="content" source="../assets/images/teams-toolkit-v2/first-tab/create-project.png" alt-text="Screenshot shows the Create New Project button in the Teams Toolkit sidebar.":::

Expand Down
21 changes: 11 additions & 10 deletions msteams-platform/toolkit/explore-Teams-Toolkit.md
Original file line number Diff line number Diff line change
Expand Up @@ -21,13 +21,12 @@ Teams Toolkit appears within Visual Studio Code as an extension. After you insta

| Serial No. | UI Elements | Definition |
| --- | --- | --- |
| 1 | **Build a Notification Bot** | Build a notification bot. |
| 2 | **Build a Declarative Agent** | Build a declarative agent. |
| 3 | **Create a New App** | Create a new Teams app based on your requirement. |
| 4 | **View Samples** | Select and build existing app samples based on common use cases for a Teams app. |
| 5 | **Create App with GitHub Copilot** | Create an app with GitHub Copilot. |
| 6 | • **New File** <br> • **Open File** <br> • **Open Folder** <br> • **Connect to** | • Create a new file. <br> • Open an existing file. <br> • Open an existing folder. <br> • Connect to remote development workspaces. |
| 7 | **Recent** | View the recent files. |
| 1 | **Build a Declatative Agent** | Build a declarative agent. |
| 2 | **Create a New Agent/App** | Create a new agent/app. |
| 3 | **View Samples** | Select and build existing app samples based on common use cases for a Teams app. |
| 4 | **Create App with GitHub Copilot** | Create an app with GitHub Copilot. |
| 5 | • **New File** <br> • **Open File** <br> • **Open Folder** <br> • **Connect to** | • Create a new file. <br> • Open an existing file. <br> • Open an existing folder. <br> • Connect to remote development workspaces. |
| 6 | **Recent** | View the recent files. |

### Explore the Teams Toolkit task pane

Expand Down Expand Up @@ -91,13 +90,15 @@ From the task pane, you can see the following sections:

To create and debug your Teams app, you need the following features:

* **Create a New App**: Use the Teams Toolkit wizard to prepare project scaffolding for app development.
* **Create a New Agent/App**: Use the Teams Toolkit wizard to prepare project scaffolding for app development.

* **View Samples**: Select any of the Teams Toolkit's sample apps. The toolkit downloads the app code from GitHub and you can build the sample app.

* **View How-to Guides**: Select to view Teams app scenario guides and development guides.

* **Preview Your Teams App (F5)**: Select to view the Teams app debug options.

* **Get Help from GitHub Copilot**: Select to get AI-powered code suggestions.
:::column-end:::
:::row-end:::

Expand All @@ -113,7 +114,7 @@ From the task pane, you can see the following sections:

* **Deploy**: Deploy the source code to Azure.

* **Publish**: Publish your developed app and publish it to scopes, such as personal, team, channel, or organization.
* **Publish to Organization**: Publish your developed app and publish it to scopes, such as personal, team, channel, or organization.
:::column-end:::
:::row-end:::

Expand All @@ -129,7 +130,7 @@ From the task pane, you can see the following sections:

* **Validate Application**: Validate if the app manifest file is in right schema or validate the app package.

* **Open Developer Portal to Publish**: Use Developer Portal to publish and manage your Teams app.
* **Publish to Store in Developer Portal**: Use Developer Portal to publish and manage your Teams app.
:::column-end:::
:::row-end:::

Expand Down
2 changes: 1 addition & 1 deletion msteams-platform/toolkit/install-Teams-Toolkit.md
Original file line number Diff line number Diff line change
Expand Up @@ -91,7 +91,7 @@ By default, Visual Studio Code automatically keeps Teams Toolkit up-to-date. If

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

1. Select **Install Another Version...** from the dropdown list.
1. Select **Install Specific 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.":::

Expand Down