Working with AWS Application Composer from the Toolkit - AWS Toolkit for VS Code

Working with AWS Application Composer from the Toolkit

AWS Application Composer for the AWS Toolkit for Visual Studio Code allows you to visually design applications through an interactive canvas. You can also use Application Composer to visualize and modify AWS CloudFormation and AWS Serverless Application Model (AWS SAM) templates. While working with Application 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 the AWS Application Composer service, getting started information, and tutorials, see the AWS Application Composer service User Guide.

The following sections describe how to access the AWS Application Composer service from the AWS Toolkit for Visual Studio Code.

Accessing AWS Application Composer from the Toolkit

There are 3 main ways that you can access AWS Application Composer from the Toolkit.

Accessing AWS Application Composer from an existing template
  1. From VS Code, open an existing template file in the VS Code editor.

  2. From the editor window, click the AWS Application Composer button located in the upper right-hand corner of the editor window.

  3. AWS Application Composer opens and visualizes your template file in the VS Code editor window.

Accessing AWS Application Composer from the context menu (right-click)
  1. From VS Code right-click the template file you want to open with AWS Application Composer.

  2. In the context menu, choose the Open with App Composer option.

  3. AWS Application Composer opens and visualizes your template file in a new VS Code editor window.

Accessing AWS Application Composer from the Command Palette
  1. From VS Code open the Command Palette by pressing Cmd + Shift + P or Ctrl + Shift + P (Windows)

  2. In the search field, enter AWS Application Composer and choose AWS Application Composer when it populates in the results.

  3. Choose the template file you want to open, AWS Application Composer opens and visualizes your template file in a new VS Code editor window.