本文為英文版的機器翻譯版本，如內容有任何歧義或不一致之處，概以英文版為準。

# 在 Toolkit 中使用 AWS Infrastructure Composer
<a name="appcomposer-overview"></a>

AWS 的 Infrastructure Composer AWS Toolkit for Visual Studio Code 可讓您透過互動式畫布以視覺化方式設計應用程式。您也可以使用 Infrastructure Composer 來視覺化和修改 CloudFormation 和 AWS Serverless Application Model (AWS SAM) 範本。使用 Infrastructure Composer 時，您的變更會持續存放，讓您可以直接在 VS 程式碼編輯器中或使用互動式畫布在編輯檔案之間無縫切換。

如需 AWS Infrastructure Composer、入門資訊和教學課程的詳細資訊，請參閱 [AWS Infrastructure Composer](https://docs.aws.amazon.com/application-composer/latest/dg/what-is-composer.html) 使用者指南。

下列各節說明如何從 存取 AWS Infrastructure Composer AWS Toolkit for Visual Studio Code。

## 從工具組存取 AWS 基礎設施編寫器
<a name="appcomposer-overview-access"></a>

您可以從 Toolkit 存取 AWS Infrastructure Composer 有 3 種主要方式。

**從現有範本存取 AWS Infrastructure Composer**

1. 從 VS 程式碼中，在 VS 程式碼編輯器中開啟現有的範本檔案。

1. 在**編輯器視窗中**，按一下編輯器視窗右上角的 AWS 基礎設施編寫器按鈕。

1. AWS Infrastructure Composer 會在 VS Code 編輯器視窗中開啟並視覺化您的範本檔案。

**從內容選單存取 AWS 基礎設施編寫器 （按一下滑鼠右鍵）**

1. 在 VS 程式碼中，用滑鼠右鍵按一下您要使用 AWS Infrastructure Composer 開啟的範本檔案。

1. 在內容功能表中，選擇**使用應用程式編寫器開啟**選項。

1. AWS Infrastructure Composer 會在新的 VS 程式碼編輯器視窗中開啟並視覺化您的範本檔案。

**從命令面板存取 AWS 基礎設施編寫器**

1. 從 VS 程式碼按 **Cmd \$1 Shift \$1 P**或 **Ctrl \$1 Shift \$1 P**(Windows) 開啟命令面板

1. 在搜尋欄位中，輸入 **AWS Infrastructure Composer**，然後在填入結果時選擇 **AWS Infrastructure Composer**。

1. 選擇您要開啟的範本檔案， AWS Infrastructure Composer 會開啟並在新的 VS 程式碼編輯器視窗中視覺化您的範本檔案。