本文属于机器翻译版本。若本译文内容与英语原文存在差异，则一律以英文原文为准。

# 使用 Toolkit 中的 AWS 基础架构编辑器
<a name="appcomposer-overview"></a>

AWS Toolkit for Visual Studio Code 的 AWS 基础架构编辑器支持您通过交互式画布直观地设计应用程序。您还可以使用基础架构编辑器来直观地查看和修改 CloudFormation 和 AWS Serverless Application Model（AWS SAM）模板。在使用基础架构编辑器时，您所做的更改会永久存储，以确保您能够在直接在 VS Code 编辑器中编辑文件或使用交互式画布之间无缝切换。

有关 AWS 基础架构编辑器的详细信息、入门信息和教程，请参阅《[AWS 基础架构编辑器](https://docs.aws.amazon.com/application-composer/latest/dg/what-is-composer.html)用户指南》。

以下各节介绍了如何通过 AWS Toolkit for Visual Studio Code 访问 AWS 基础架构编辑器。

## 通过 Toolkit 访问 AWS 基础架构编辑器
<a name="appcomposer-overview-access"></a>

通过 Toolkit 访问 AWS 基础架构编辑器主要有 3 种方式。

**通过现有模板访问 AWS 基础架构编辑器**

1. 进入 VS Code，在 VS Code 编辑器中打开现有的模板文件。

1. 在**编辑器窗口**中，单击位于编辑器窗口右上角的“AWS 基础架构编辑器”按钮。

1. AWS 基础架构编辑器随即打开，并在 VS Code 编辑器窗口中直观呈现您的模板文件。

**通过上下文菜单（右键单击）访问 AWS 基础架构编辑器**

1. 在 VS Code 中，右键单击您想要使用 AWS 基础架构编辑器打开的模板文件。

1. 在上下文菜单中，选择**使用应用程序编辑器打开**选项。

1. 系统会随即打开 AWS 基础架构编辑器，并在新的 VS Code 编辑器窗口中直观呈现您的模板文件。

**通过命令面板访问 AWS 基础架构编辑器**

1. 在 VS Code 中，按下 **Cmd \$1 Shift \$1 P**（在 Windows 中，则需按下 **Ctrl \$1 Shift \$1 P**）以打开命令面板。

1. 在搜索字段中，输入 **AWS Infrastructure Composer**，然后在搜索结果中出现 **AWS 基础架构编辑器**时选择它。

1. 选择您想要打开的模板文件，系统会随即打开 AWS 基础架构编辑器，并在新的 VS Code 编辑器窗口中直观呈现您的模板文件。