本文属于机器翻译版本。若本译文内容与英语原文存在差异，则一律以英文原文为准。
# 使用来自《基础设施编排器》 AWS Toolkit for Visual Studio Code
本节介绍如何 AWS 基础架构编辑器 从中使用[AWS Toolkit for Visual Studio Code](https://aws.amazon.com//visualstudiocode/)。其中包括中对基础架构编排器的可视化概述 AWS Toolkit for Visual Studio Code。它还包括说明如何访问此体验以及如何将项目从 VS Code 同步到 AWS 云端。要进行同步，请使用中的**sam sync**命令 AWS SAMCLI。本节还提供了有关在《基础架构编排器》中使用 Amazon Q while 的指导 AWS Toolkit for Visual Studio Code。
有关使用中基础设施编排器的更多指导 AWS Toolkit for Visual Studio Code，请参阅[如何作曲](using-composer-basics.md)。本节中的内容适用于此体验以及 Infrastructure Composer 控制台体验。
**Topics**
+ [来自《基础架构编排器》的可视化概述 AWS Toolkit for Visual Studio Code](using-composer-ide-visual.md)
+ [从访问基础架构编排器 AWS Toolkit for Visual Studio Code](setting-up-composer-access-ide.md)
+ [同步基础架构编辑器以部署到 AWS 云](using-composer-ide-sync.md)
+ [AWS 基础架构编辑器 与一起使用 Amazon Q Developer](using-composer-ide-cw.md)
# 来自《基础架构编排器》的可视化概述 AWS Toolkit for Visual Studio Code
中的 Infrastructure Composer 的可视化设计器 AWS Toolkit for Visual Studio Code 包括一个可视化画布，其中包括在下图中编号并在下面列出的组件。
![\[Infrastructure Composer 的可视化设计器，包括其视觉画布中按数字逐项列出的组件。\]](http://docs.aws.amazon.com/zh_cn/infrastructure-composer/latest/dg/images/aac_use_ide_visual_02.png)
1. **资源调色板**-显示可以用来设计的卡片。
1. **卡片类别** — 卡片按基础架构编辑器特有的类别进行组织。
1. **资源搜索栏**-搜索可以添加到画布的卡片。
1. **列表**-显示应用程序资源的树视图。
1. **资源**-显示资源选项板。
1. **左窗格切换**-隐藏或显示左侧窗格。
1. **排列**-在画布中排列应用程序架构。
1. **同步**-启动 AWS Serverless Application Model (AWS SAM) CLI `sam sync` 命令以部署您的应用程序。
1. **菜单**-提供常规选项，例如：
+ **导出画布**
+ **游览画布**
+ 指向**文档**的链接
+ 键盘快捷键
1. **资源属性面板**-显示在画布中选择的卡片的相关属性。此面板是动态的。在您配置卡片时，显示的属性将发生变化。
1. **卡片**-在画布上显示卡片的视图。
1. **线**-表示卡片之间的连接。
1. **组** — 一组牌。您可以对卡片进行分组以进行视觉整理。
1. **端口**-指向其他卡的连接点。
1. **卡牌操作**-提供您可以对卡片执行的操作。
+ **详细信息**-打开 “**资源属性**” 面板。
+ **分组** — 将选定的卡片组合在一起。
+ **删除**-从画布和模板中删除卡片。
1. **重新居**中 — 在视觉画布上将应用程序图表重新居中。
1. **缩放**-在画布上放大和缩小。
# 从访问基础架构编排器 AWS Toolkit for Visual Studio Code
按照本主题中的说明从访问基础架构编排器 AWS Toolkit for Visual Studio Code。
**注意**
必须先下载并安装适用于 VS Code 的 AWS Toolkit for Visual Studio Code Toolkit for VS Code，然后才能从访问基础架构编排器。有关说明，请参阅[下载适用于 VS Code 的工具包](https://docs.aws.amazon.com/toolkit-for-vscode/latest/userguide/downloads.html)。
**从适用于 VS Code 的 Toolkit 访问基础设施编排器**
您可以通过以下任一方式访问基础架构编排器：
1. 从任意 CloudFormation 或 AWS SAM 模板中选择 “基础设施编排” 按钮。
1. 通过右键单击您的 CloudFormation 或 AWS SAM 模板，进入上下文菜单。
1. 来自 VS Code 命令面板。
以下是通过基础设施编排器按钮访问基础设施编排器的示例：
![\[可通过访问基础架构编排器 AWS Toolkit for Visual Studio Code。\]](http://docs.aws.amazon.com/zh_cn/infrastructure-composer/latest/dg/images/aac_intro_07.gif)
有关访问基础架构编排器的更多信息，请参阅[AWS 基础架构编辑器 从工具包访问](https://docs.aws.amazon.com/toolkit-for-vscode/latest/userguide/appcomposer-overview.html#appcomposer-overview-access)。
# 同步基础架构编辑器以部署到 AWS 云
使用 AWS 基础架构编辑器 中的**同步**按钮 AWS Toolkit for Visual Studio Code 将您的应用程序部署到 AWS 云。
**同步**按钮从`sam sync`命令行界面 (CLI) 启动 AWS SAM 命令。
该`sam sync`命令可以部署新应用程序或将您在本地所做的更改快速同步到 AWS 云。跑步`sam sync`可能包括以下内容：
+ 通过创建或更新本地`.aws-sam`目录`sam build`来构建应用程序，为部署做好本地应用程序文件的准备。
+ 对于支持 AWS 服务的资源 APIs， AWS SAM CLI将使用 APIs 来部署您的更改。这样 AWS SAM CLI做是为了快速更新您在云中的资源。
+ 如有必要， AWS SAM CLI会执行 AWS CloudFormation 部署以通过更改集更新整个堆栈。
该`sam sync`命令最适合快速开发环境，因为快速更新您的云资源可以使您的开发和测试工作流程受益。
要了解更多信息`sam sync`，请参阅*AWS Serverless Application Model 开发者指南*中的[使用 sam sync](https://docs.aws.amazon.com/serverless-application-model/latest/developerguide/using-sam-cli-sync.html)。
## 设置
要在 Infrastructure Composer 中使用**同步**功能，您必须在本地计算机上 AWS SAM CLI安装同步功能。有关说明，请参阅[《*AWS Serverless Application Model 开发人员指南*》 AWS SAMCLI中的安装](https://docs.aws.amazon.com/serverless-application-model/latest/developerguide/install-sam-cli.html)。
当你在 Infrastructure Composer 中使用**同步**功能时，会 AWS SAM CLI引用你的配置文件，获取将你的应用程序同步到所需的信息 AWS 云。有关创建、修改和使用配置文件的说明，请参阅*AWS Serverless Application Model 开发人员指南*中的[配置项目设置](https://docs.aws.amazon.com/serverless-application-model/latest/developerguide/using-sam-cli-configure.html#using-sam-cli-configure-project)。
## 同步和部署您的应用程序
**要将您的应用程序同步到 AWS 云**
1. 在 “基础设施编排” 画布上选择 “**同步**” 按钮。
1. 您可能会收到一条提示，要求您确认您正在使用开发堆栈。选择 “**确定”** 继续。
1. 基础架构编排器可能会提示您配置以下选项：
+ **AWS 区域**— 要将应用程序同步到的区域。
+ **CloudFormation 堆栈名称**- CloudFormation 堆栈的名称。您可以选择现有堆栈名称或创建新堆栈名称。
+ **亚马逊简单存储服务 (Amazon S3) S** ervice 存储桶 — 您的亚马逊 S3 存储桶的名称。 AWS SAM CLI将在此打包并存储您的应用程序文件和函数代码。您可以选择现有存储桶或创建新存储桶。
Infrastructure Composer 将启动该 AWS SAM CLI`sam sync`命令并在 IDE 中打开一个终端窗口以输出其进度。
# AWS 基础架构编辑器 与一起使用 Amazon Q Developer
AWS 基础架构编辑器 来自 AWS Toolkit for Visual Studio Code 提供了与的集成Amazon Q。在设计应用程序时，您可以Amazon Q在 Infrastructure Composer 中使用来为您的 AWS 资源生成基础架构代码。
Amazon Q是一款由机器学习驱动的通用代码生成器。要了解更多信息，请参阅[什么是Amazon Q？](https://docs.aws.amazon.com/amazonq/latest/qdeveloper-ug/what-is.html) 在《*Amazon Q Developer用户指南》*中。
对于**标准资源**和**标准组件**卡，您可以使用Amazon Q为资源生成基础设施代码建议。
![\[Amazon Q在基础设施编排器中生成代码建议\]](http://docs.aws.amazon.com/zh_cn/infrastructure-composer/latest/dg/images/aac_use_ide_cw_01.gif)
**标准资源**和**标准组件**卡片可以表示 CloudFormation 资源或 CloudFormation 资源集合。要了解更多信息，请参阅[在基础设施编排器中配置和修改卡片](using-composer-cards.md)。
## 设置
要Amazon Q在基础设施编排器中使用，您必须在工具包Amazon Q中使用进行身份验证。有关说明，请参阅[《VS Code 入门 JetBrains》和](https://docs.aws.amazon.com/amazonq/latest/qdeveloper-ug/q-in-IDE.html)《*Amazon Q Developer用户指南》*。Amazon Q
## Amazon Q Developer在基础架构编排器中使用
您可以Amazon Q Developer从任何**标准资源或**标准组件**卡的资源****属性**面板中使用。
**要Amazon Q在基础架构编辑器中使用**
1. 在**标准资源**或**标准组件**卡片中，打开**资源属性**面板。
1. 找到 “**资源配置”** 字段。此字段包含卡片的基础设施代码。
1. 选择 “**生成建议**” 按钮。 Amazon Q将生成建议。
**注意**
在此阶段生成的代码不会覆盖模板中的现有基础架构代码。
1. 要生成更多建议，请选择**重新生成**。您可以切换样本以比较结果。
1. 要选择一个选项，请选择 **“选择”**。在将代码保存到应用程序之前，您可以在此处对其进行修改。要在不保存的情况下退出，请选择**退出图标 (X)**。
1. 要将代码保存到应用程序模板中，请从 “**资源属性**” 面板中选择 “**保存**”。
## 了解详情
要了解有关 Amazon Q 的更多信息，请参阅**《Amazon Q Developer 用户指南》中的[什么是 Amazon Q？](https://docs.aws.amazon.com/amazonq/latest/qdeveloper-ug/what-is.html)。