Working with AWS Infrastructure Composer in the Toolkit
AWS Infrastructure Composer for the AWS Toolkit for Visual Studio Code allows you to visually design applications through an interactive canvas. You can also use Infrastructure Composer to visualize and modify AWS CloudFormation and AWS Serverless Application Model (AWS SAM) templates. While working with Infrastructure Composer, your changes are stored persistently enabling you to switch seamlessly between editing files directly in the VS Code editor or using the interactive canvas.
For detailed information about AWS Infrastructure Composer, getting started information, and tutorials, see the AWS Infrastructure Composer User Guide.
The following sections describe how to access AWS Infrastructure Composer from the AWS Toolkit for Visual Studio Code.
Accessing AWS Infrastructure Composer from the Toolkit
There are 3 main ways that you can access AWS Infrastructure Composer from the Toolkit.
Accessing AWS Infrastructure Composer from an existing template
From VS Code, open an existing template file in the VS Code editor.
From the editor window, click the AWS Infrastructure Composer button located in the upper right-hand corner of the editor window.
AWS Infrastructure Composer opens and visualizes your template file in the VS Code editor window.
Accessing AWS Infrastructure Composer from the context menu (right-click)
From VS Code right-click the template file you want to open with AWS Infrastructure Composer.
In the context menu, choose the Open with App Composer option.
AWS Infrastructure Composer opens and visualizes your template file in a new VS Code editor window.
Accessing AWS Infrastructure Composer from the Command Palette
From VS Code open the Command Palette by pressing
Cmd + Shift + P
orCtrl + Shift + P
(Windows)In the search field, enter
AWS Infrastructure Composer
and choose AWS Infrastructure Composer when it populates in the results.Choose the template file you want to open, AWS Infrastructure Composer opens and visualizes your template file in a new VS Code editor window.