diff --git a/extension-readme.md b/extension-readme.md index 0e7b999b541..4d035932866 100644 --- a/extension-readme.md +++ b/extension-readme.md @@ -1,114 +1,143 @@ # AWS Toolkit for Visual Studio Code -The AWS Toolkit for Visual Studio Code is an extension that enables you to interact with [Amazon Web Services (AWS)](https://aws.amazon.com/what-is-aws/) from within Visual Studio Code. +The *AWS Toolkit for Visual Studio Code* is an extension that enables you to interact with certain services of [Amazon Web Services (AWS)](https://aws.amazon.com/what-is-aws/) from within the Visual Studio Code editor. -*This is pre-release software and we recommend against using it in a production environment.* +The following screenshots show important parts of the Toolkit. + +### Fundamental UI Components ![Overview](./resources/marketplace/overview.png) -## Contents +### AWS Commands in the Command Palette + +![Command Palette](./resources/marketplace/open-command-palette.gif) +___ + +# Contents * [Features](#features) -* [Additional Setup Steps](#additional-setup-steps) +* [Setup](#additional-setup-steps) +* [AWS Commands](#aws-commands) * [Usage](#usage) * [Get Help](#get-help) -## Features +{ [Return to Top](#top) } +___ -You can use the AWS Toolkit for Visual Studio Code to: +# Features -* [Manage supported AWS resources in an AWS account](#managing-aws-resources). For example, you can: - - * List available AWS CloudFormation stacks that contain AWS serverless applications. - * List available AWS Lambda functions. - * Invoke available Lambda functions. +You can use the AWS Toolkit for Visual Studio Code as follows: - ![AWS Explorer](./resources/marketplace/aws-explorer.png) +* Develop serverless applications locally, and then deploy them to an AWS account (see [Usage](#usage)) +* Manage certain supported AWS resources in an AWS account (see [Usage](#usage)). -* [Develop serverless applications locally, and then deploy them to an AWS account](#developing-serverless-applications). + This includes: + * Listing and deleting AWS CloudFormation stacks + * Listing and invoking AWS Lambda functions + + For example: + + ![AWS Explorer](./resources/marketplace/aws-explorer.png) -[Return to Top](#top) +{ [Return to Contents](#contents) } or { [Return to Top](#top) } +___ -## Additional Setup Steps +# Setup -After you install the AWS Toolkit for Visual Studio Code, you must complete these additional steps to access most of its features: +After you install the AWS Toolkit for Visual Studio Code, to access most of its features, you must complete the additional steps defined in the [Getting Started](https://docs.aws.amazon.com/console/toolkit-for-vscode/getting-started) topic of the _AWS Toolkit for Visual Studio Code User Guide_. These additional steps include the following: -1. [Create an AWS account](https://aws.amazon.com/premiumsupport/knowledge-center/create-and-activate-aws-account/) and an [access key](https://aws.amazon.com/premiumsupport/knowledge-center/create-access-key/). -1. Connect the Toolkit to AWS by using [AWS credentials](#managing-aws-resources). +1. Create an AWS account (see the [Prerequisites](https://docs.aws.amazon.com/console/toolkit-for-vscode/setup-toolkit#setup-prereq) in the user guide and also these [additional details](https://aws.amazon.com/premiumsupport/knowledge-center/create-and-activate-aws-account/)) +1. Create and configure a set of AWS credentials (see **Step 1** of [Managing AWS Resources](#managing-aws-resources)) +1. Connect the Toolkit to AWS using those credentials (see **Step 2** of [Managing AWS Resources](#managing-aws-resources)) To use this Toolkit to develop [serverless applications with AWS](https://aws.amazon.com/serverless/), you must also do the following on the local machine where the Toolkit is installed: -1. Install the [AWS Command Line Interface (AWS CLI)](https://docs.aws.amazon.com/cli/latest/userguide/cli-chap-install.html). -1. Install and then run [Docker](https://docs.docker.com/install/). -1. Install the [AWS SAM CLI](https://docs.aws.amazon.com/serverless-application-model/latest/developerguide/serverless-sam-cli-install.html). +1. Install the AWS Command Line Interface (AWS CLI) +1. Install and start Docker (also see this general information about [Docker](https://docs.docker.com/install/)) +1. Install the AWS SAM CLI -For complete setup instructions, see [Setting Up the AWS Toolkit for Visual Studio Code](https://docs.aws.amazon.com/toolkit-for-vscode/latest/userguide/getting-started.html) in the _AWS Toolkit for Visual Studio Code User Guide_. +See [Installing the AWS SAM CLI](https://docs.aws.amazon.com/serverless-application-model/latest/developerguide/serverless-sam-cli-install.html) for complete setup instructions for these three components. -[Return to Top](#top) +{ [Return to Contents](#contents) } or { [Return to Top](#top) } +___ -## Usage +# AWS Commands + +The AWS Toolkit for Visual Studio Code has several features that you can access through the [Command Palette](#open-command-palette) (select **View**, then **Command Palette**): + +| AWS Command | Description | +| :---------- | :---------- | +| **AWS: Create Credentials Profile** | Creates an AWS credentials profile. For more information, see **Step 1** in [Managing AWS Resources](#managing-aws-resources). | +| **AWS: Connect to AWS** | Connects the Toolkit to an AWS account. For more information, see **Step 2** in [Managing AWS Resources](#managing-aws-resources). | +| **AWS: Create New SAM Application** | Generates a set of code files for a new AWS serverless application. For more information, see [Create a Serverless Application](#create-serverless-application). | +| **AWS: Deploy SAM Application** | Deploys a local serverless application to an AWS account. For more information, see [Deploy a Serverless Application](#deploy-serverless-application). | +| **AWS: Detect SAM CLI** | Checks whether the Toolkit can communicate correctly with the AWS SAM CLI that is installed. | +| **AWS: Focus on Explorer View** | Opens the **AWS: Explorer** Side Bar, which we will simply call [_the **AWS Explorer**_](#ui-components), and then moves the focus there. | +| **AWS: Hide region from the Explorer** | Hides an AWS Region from the **AWS Explorer**. | +| **AWS: Show region in the Explorer** | Displays an AWS Region in the **AWS Explorer**. | +| **AWS: Sign out** | Disconnects the Toolkit from the currently-connected AWS account. | +| **AWS: View AWS Toolkit Logs** | Displays log files that contain general Toolkit diagnostic information. | +| **AWS: View Quick Start** | Open this quick-start guide. | +| **AWS: View Documentation** | Opens the [user guide](https://docs.aws.amazon.com/console/toolkit-for-vscode/welcome) for the Toolkit. | +| **AWS: View Source on GitHub** | Opens the [GitHub repository](https://github.com/aws/aws-toolkit-vscode) for the Toolkit. | +| **AWS: Report an Issue** | In the [GitHub repository](https://github.com/aws/aws-toolkit-vscode) for the Toolkit, opens the page to [create a new issue](https://github.com/aws/aws-toolkit-vscode/issues/new/choose). | + +{ [Return to Contents](#contents) } or { [Return to Top](#top) } +___ + +# Usage -* [Command Palette](#command-palette) * [Managing AWS Resources](#managing-aws-resources) * [Developing Serverless Applications](#developing-serverless-applications) -[Return to Top](#top) +{ [Return to Contents](#contents) } or { [Return to Top](#top) } -### Command Palette +## Usage: Managing AWS Resources -![Debug Icon](./resources/marketplace/command-palette.png) +### **Step 1**: Set Up a Credentials Profile +(*Note*: If you already have an AWS credentials profile, skip ahead to "**Step 2: Connect to an AWS Account**".) -You can access many of the AWS Toolkit for Visual Studio Code features through **Command Palette**. To access the available commands, choose **View, Command Palette** on the menu bar, and then begin typing `AWS:`. +For complete instructions, see [Setting Up Your AWS Credentials](https://docs.aws.amazon.com/console/toolkit-for-vscode/setup-credentials) in the _AWS Toolkit for Visual Studio Code User Guide_. -Available commands include: - -* **AWS: Connect to AWS** - Connects the Toolkit to an AWS account. For more information, see "Step 2: Connect to an AWS Account" in [Managing AWS Resources](#managing-aws-resources). -* **AWS: Create Credentials Profile** - Creates an AWS credentials profile. For more information, see "Step 1: Create a Credentials Profile" in [Managing AWS Resources](#managing-aws-resources). -* **AWS: Create New SAM Application** - Generates a set of code files for a new AWS serverless application. For more information, see [Create a Serverless Application](#create-serverless-application). -* **AWS: Deploy SAM Application** - Deploys a local serverless application to an AWS account. For more information, see [Deploy a Serverless Application](#deploy-serverless-application). -* **AWS: Detect SAM CLI** - Checks whether the Toolkit can communicate correctly with the AWS SAM CLI that is installed. -* **AWS: Focus on Explorer View** - Displays the **AWS: Explorer** Side Bar, if it isn't already displayed, and then moves the focus to it. -* **AWS: Hide region from the Explorer** - Hides the list of available AWS resources for the specified AWS Region from the **AWS: Explorer** Side Bar. -* **AWS: Show region in the Explorer** - Displays the list of available AWS resources for the specified AWS Region in the **AWS: Explorer** Side Bar. -* **AWS: Sign out** - Disconnects the Toolkit from the currently connected AWS account. -* **AWS: View AWS Toolkit Logs** - Displays log files that contain general Toolkit diagnosis information. -* **AWS: View Quick Start** - Displays this page. + In summary: +1. On the menu bar, choose **View, Command Palette**. +1. Begin typing: "**AWS: Create Credentials Profile**" and choose that command when you see it. +1. Follow the on-screen instructions to add an AWS credentials profile to your environment. -[Return to Top](#top) +`________________` -### Managing AWS Resources +### **Step 2**: Connect to an AWS Account -#### Step 1: Set Up a Credentials Profile +For complete instructions, see [Connect to AWS](https://docs.aws.amazon.com/console/toolkit-for-vscode/connect) in the _AWS Toolkit for Visual Studio Code User Guide_ . -1. If you already have an AWS credentials profile, skip ahead to "Step 2: Connect to an AWS Account." (For additional information, see [Setting Up Your AWS Credentials](https://docs.aws.amazon.com/toolkit-for-vscode/latest/userguide/setup-credentials.html) in the _AWS Toolkit for Visual Studio Code User Guide_.) +In summary: 1. On the menu bar, choose **View, Command Palette**. -1. Begin typing: `AWS: Create Credentials Profile`. When you see the **AWS: Create Credentials Profile** command, choose it. -1. Follow the on-screen instructions to add AWS credentials profile information. (For additional information, see [Setting Up Your AWS Credentials](https://docs.aws.amazon.com/toolkit-for-vscode/latest/userguide/setup-credentials.html) in the _AWS Toolkit for Visual Studio Code User Guide_.) +1. Begin typing "**AWS: Connect to AWS**" and choose that command when you see it. +1. In the list of AWS credentials profiles, choose the profile that you want to use. -#### Step 2: Connect to an AWS Account +`________________` -1. On the menu bar, choose **View, Command Palette**. -1. Begin typing `AWS: Connect to AWS`. When you see the **AWS: Connect to AWS** command, choose it. -1. In the list of AWS credentials profiles that is displayed, choose the AWS credentials profile that you want to use. (For additional information, see [Setting Up Your AWS Credentials](https://docs.aws.amazon.com/toolkit-for-vscode/latest/userguide/setup-credentials.html) in the _AWS Toolkit for Visual Studio Code User Guide_.) +### **Step 3**: Work with Available AWS Resources -#### Step 3: Work with Available AWS Resources +For complete information, see [Working with AWS Services](https://docs.aws.amazon.com/console/toolkit-for-vscode/working-with-aws) in the _AWS Toolkit for Visual Studio Code User Guide_ . -1. If the **AWS: Explorer** Side Bar isn't displayed, display it by choosing the **AWS** icon in the Activity Bar. (To hide the **AWS: Explorer**, choose the **AWS** icon again.) -1. If you have existing resources in your AWS account but they aren't displayed in the **AWS: Explorer**, choose the **Refresh** icon in the **AWS: Explorer** to display them. -1. Expand the AWS Region that contains the resource that you want to manage. (To hide or show AWS Region information, choose **View, Command Palette** on the menu bar, and then choose **AWS: Hide region from the Explorer** or **AWS: Show region in the Explorer**.) -1. Expand the AWS service that contains the resource that you want to manage. (Currently, the Toolkit doesn't support all available AWS services and resource types.) -1. If applicable, expand the parent resource that contains the child resource that you want to manage. -1. Right-click the resource to manage, and then choose one of the available actions in the context menu. (Currently, the Toolkit doesn't support all available resource actions.) +1. If the **AWS Explorer** isn't showing, open it by choosing the **AWS** icon in the Activity Bar: + ![AWS Explorer Icon](./resources/marketplace/aws-explorer-icon.png) +2. If you have existing resources in your AWS account but they aren't being displayed in the **AWS Explorer** (and assuming that your credentials and a connection have been set up properly), choose the **Refresh** icon in the **AWS Explorer** to show them. +3. Expand the AWS Region that contains the resource that you want to manage. -For more information, see the following in the _AWS Toolkit for Visual Studio Code User Guide_: + (**Note**: To show or hide AWS regions, choose **View, Command Palette** on the menu bar, and then choose **AWS: Show region in the Explorer** or **AWS: Hide region from the Explorer**.) +4. Expand the supported AWS service that contains the resource that you want to manage. -* [Setting Up Your AWS Credentials](https://docs.aws.amazon.com/toolkit-for-vscode/latest/userguide/setup-credentials.html) -* [Changing AWS Regions](https://docs.aws.amazon.com/toolkit-for-vscode/latest/userguide/setup-region.html) -* [Exploring AWS Explorer](https://docs.aws.amazon.com/toolkit-for-vscode/latest/userguide/aws-explorer.html) + (**Note**: Not all services are currently supported.) +5. If applicable, expand the parent resource that contains the child resource that you want to manage. +6. Open the context menu of the resource you want to manage and choose one of the available actions. -[Return to Top](#top) + (**Note**: Not all service actions are currently supported.) -### Developing Serverless Applications +{ [Return to Usage](#usage) } + +## Usage: Developing Serverless Applications You can use the AWS Toolkit for Visual Studio Code to create, run, debug, and deploy serverless applications. @@ -116,67 +145,100 @@ You can use the AWS Toolkit for Visual Studio Code to create, run, debug, and de * [Run or Debug a Serverless Application](#run-debug-serverless-application) * [Deploy a Serverless Application](#deploy-serverless-application) -[Return to Top](#top) +{ [Return to Usage](#usage) } -#### Create a Serverless Application +### **Step 1**: Create a Serverless Application -![Create SAM Application](./resources/marketplace/create-sam-app.gif) +For complete instructions, see [Creating a Serverless Application](https://docs.aws.amazon.com/console/toolkit-for-vscode/create-sam) in the _AWS Toolkit for Visual Studio Code User Guide_. +In summary: 1. On the menu bar, choose **View, Command Palette**. -1. Begin typing: `AWS: Create new SAM Application`. When you see the **AWS: Create new SAM Application** command, choose it. -1. Follow the on-screen instructions to finish creating the SAM application. +1. Begin typing "**AWS: Create new SAM Application**" and choose that command when you see it. + + ![Create SAM App 1](./resources/marketplace/create-sam-app-still.png) + +1. Follow the on-screen instructions to finish creating the SAM application, including: + + 1. Choosing the application runtime. + 1. Selecting or creating a workspace folder for the project. + 1. Entering a name for the application + + The Toolkit produces the application code and files, adds them to the location you specified, and opens the `template.yaml` file in the editor. + + ![Create SAM App 2](./resources/marketplace/create-sam-app-still-2.png) + +{ [Return to Developing](#developing-serverless-applications) } or { [Return to Usage](#usage) } -The Toolkit produces the application code and files, adds them to the location you specified, and opens the program file in the editor. +`________________` -For more information, see [Creating a Serverless Application](https://docs.aws.amazon.com/toolkit-for-vscode/latest/userguide/create-sam.html) in the _AWS Toolkit for Visual Studio Code User Guide_. +### **Step 2**: Run or Debug the Serverless Application -[Return to Top](#top) +For complete instructions, see [Run and Debug Your Serverless Application](https://docs.aws.amazon.com/console/toolkit-for-vscode/create-sam#run-debug-sam-app) in the _AWS Toolkit for Visual Studio Code User Guide_. -#### Run or Debug a Serverless Application +In summary: +1. Select the **AWS** icon in the Activity Bar, ![AWS Explorer Icon](./resources/marketplace/aws-explorer-icon.png), to ensure that the AWS Toolkit for Visual Studio Code is running. +1. Select the Project icon in the Activity Bar, ![Project Explorer Icon](./resources/marketplace/project-explorer-icon.png), go to the `hello-world` directory, and open `app.js`. +1. Select the **Run Locally** CodeLens. (Or, if needed, first select the **Configure** link from the Codelenses, enter event data in `templates.json`, save, and _then_ select the **Run Locally** CodeLens.) -![Configure and Run](./resources/marketplace/sam-configure-and-run.gif) + ![Configure and Run 1](./resources/marketplace/sam-configure-and-run-still-1.png) -(_Clip is time lapsed_) +1. Note the run status and results in the **OUTPUT** panel. -After you choose the **AWS** icon in the Activity Bar, CodeLenses display within open serverless application code files above functions that use AWS Lambda function handler syntax. (A _handler_ is a function that Lambda calls to start execution of a Lambda function.) These CodeLenses enable you to run or debug the corresponding serverless application locally. CodeLens actions here include: + ![Configure and Run 1](./resources/marketplace/sam-configure-and-run-still-2.png) -* **Configure**, for specifying function configurations such as an event payload and environment variables. -* **Run Locally**, for running the function without debugging. -* **Debug Locally**, for running the function with debugging. +#### Additional Information +After you choose the **AWS** icon in the Activity Bar, CodeLenses appear in serverless-application code files above certain functions. The functions that have these Codelenses are those that use AWS Lambda-function handler syntax. A _handler_ is a function that Lambda calls to start execution of a Lambda function. These CodeLenses enable you to locally run or debug the corresponding serverless application. CodeLens actions in the Toolkit include: + +* **Configure**, for specifying function configurations such as an event payload and environment variable overrides. +* **Run Locally**, for running the function _without_ debugging. +* **Debug Locally**, for running the function _with_ debugging. (For general information about running and debugging in VS Code, see [Debugging](https://code.visualstudio.com/docs/editor/debugging) on the VS Code website.) -For information about how to work with remote versions of Lambda functions, see [Interacting with Remote Lambda Functions](https://docs.aws.amazon.com/toolkit-for-vscode/latest/userguide/remote-lambda.html) in the _AWS Toolkit for Visual Studio Code User Guide_. +For information about how to work with remote versions of Lambda functions, see [Interacting with Remote Lambda Functions](https://docs.aws.amazon.com/console/toolkit-for-vscode/remote-lambda) in the _AWS Toolkit for Visual Studio Code User Guide_. + +{ [Return to Developing](#developing-serverless-applications) } or { [Return to Usage](#usage) } -[Return to Top](#top) +`________________` -#### Deploy a Serverless Application +### **Step 3**: Deploy the Serverless Application -![Deploy SAM Application](./resources/marketplace/sam-deploy.gif) +(_Note_: This procedure uses an Amazon S3 bucket in your AWS account. You can create a bucket ahead of time (see [How Do I Create an S3 Bucket](https://docs.aws.amazon.com/AmazonS3/latest/user-guide/create-bucket.html) in the _Amazon Simple Storage Service Console User Guide_) or run an AWS CLI command that the Toolkit will give you during the procedure, then restart the procedure.) -(_Clip is time lapsed_) +For complete instructions, see [Deploying a Serverless Application](https://docs.aws.amazon.com/console/toolkit-for-vscode/deploy-serverless-app) in the _AWS Toolkit for Visual Studio Code User Guide_. -Before you start this procedure, you must have an Amazon S3 bucket in the AWS account. The AWS Toolkit for Visual Studio Code will use this bucket when packaging and deploying the application. (To create a bucket, see [How Do I Create an S3 Bucket](https://docs.aws.amazon.com/AmazonS3/latest/user-guide/create-bucket.html) in the _Amazon Simple Storage Service Console User Guide_.) +In summary: 1. On the menu bar, choose **View, Command Palette**. -1. Begin typing: `AWS: Deploy SAM Application`. When you see the **AWS: Deploy SAM Application** command, choose it. +1. Begin typing "**AWS: Deploy SAM Application**" and choose that command when you see it. + + ![Deploy SAM Application 1](./resources/marketplace/sam-deploy-still-1.png) 1. Follow the on-screen instructions to finish deploying the serverless application, including: 1. Choosing the SAM template file that corresponds with the serverless application you want to deploy. 1. Choosing the AWS Region you want to deploy to. - 1. Specifying the name of an existing Amazon S3 bucket in the AWS account that the Toolkit will use for packaging and deploying the serverless application. (The Toolkit uses Amazon S3 as part of its process to deploy serverless applications.) The bucket must exist within the AWS Region that you chose earlier. + 1. Specifying the name of an Amazon S3 bucket in the AWS account that the Toolkit will use for packaging and deploying the serverless application. The bucket must exist within the AWS Region that you chose in the previous step. + 1. Specifying a name for the AWS CloudFormation stack to which the serverless application will be deployed. + +1. Note the status and results in the **OUTPUT** panel. The serverless application is deployed to an AWS CloudFormation stack. If the stack already exists, it is updated; otherwise, a new stack is created. Within a few minutes, the Toolkit displays a deployment success or failure message. + + ![Deploy SAM Application 1](./resources/marketplace/sam-deploy-still-2.png) + +1. In the **AWS Explorer**, expand the AWS Region that contains the stack, then expand **CloudFormation**. Expand the stack that you want to manage and open the context menu of its resources. + + For example: -1. The serverless application is deployed to an AWS CloudFormation stack. (The Toolkit uses AWS CloudFormation as part of its process to deploy serverless applications.) If the stack already exists, it is updated; otherwise, a new stack is created. Within a few minutes, the Toolkit displays a deployment success or failure message. -1. To work with the corresponding stack that the Toolkit creates in AWS CloudFormation, in the **AWS: Explorer**, expand the AWS Region that contains the stack. Then expand **AWS CloudFormation**. Lastly, expand or right-click on the stack that you want to manage. + ![Deploy SAM Application 1](./resources/marketplace/cloudformation-stack-example.png) -For more information, see [Deploying a Serverless Application](https://docs.aws.amazon.com/toolkit-for-vscode/latest/userguide/deploy-serverless-app.html) in the _AWS Toolkit for Visual Studio Code User Guide_. +{ [Return to Developing](#developing-serverless-applications) } or { [Return to Usage](#usage) } +___ -[Return to Top](#top) +# Get Help -### Get Help +For additional details on how to use the AWS Toolkit for Visual Studio Code, see the [user guide](https://docs.aws.amazon.com/console/toolkit-for-vscode/welcome). To report issues with the AWS Toolkit for Visual Studio Code or to propose Toolkit code changes, see the [aws/aws-toolkit-vscode](https://github.com/aws/aws-toolkit-vscode) repository on GitHub. You can also [contact AWS](https://aws.amazon.com/contact-us/) directly. -[Return to Top](#top) +{ [Return to Contents](#contents) } or { [Return to Top](#top) } diff --git a/resources/marketplace/aws-explorer-icon.png b/resources/marketplace/aws-explorer-icon.png new file mode 100644 index 00000000000..9b6bd7c1585 Binary files /dev/null and b/resources/marketplace/aws-explorer-icon.png differ diff --git a/resources/marketplace/aws-explorer.png b/resources/marketplace/aws-explorer.png index de39c718421..d207f3118a3 100644 Binary files a/resources/marketplace/aws-explorer.png and b/resources/marketplace/aws-explorer.png differ diff --git a/resources/marketplace/cloudformation-stack-example.png b/resources/marketplace/cloudformation-stack-example.png new file mode 100644 index 00000000000..8ce9133ffb4 Binary files /dev/null and b/resources/marketplace/cloudformation-stack-example.png differ diff --git a/resources/marketplace/command-palette.png b/resources/marketplace/command-palette.png deleted file mode 100644 index 71dc7258da6..00000000000 Binary files a/resources/marketplace/command-palette.png and /dev/null differ diff --git a/resources/marketplace/create-sam-app-still-2.png b/resources/marketplace/create-sam-app-still-2.png new file mode 100644 index 00000000000..323a06e176f Binary files /dev/null and b/resources/marketplace/create-sam-app-still-2.png differ diff --git a/resources/marketplace/create-sam-app-still.png b/resources/marketplace/create-sam-app-still.png new file mode 100644 index 00000000000..d50ca3b092f Binary files /dev/null and b/resources/marketplace/create-sam-app-still.png differ diff --git a/resources/marketplace/create-sam-app.gif b/resources/marketplace/create-sam-app.gif deleted file mode 100644 index 942e765f8f6..00000000000 Binary files a/resources/marketplace/create-sam-app.gif and /dev/null differ diff --git a/resources/marketplace/open-command-palette.gif b/resources/marketplace/open-command-palette.gif new file mode 100644 index 00000000000..7973f12ecaf Binary files /dev/null and b/resources/marketplace/open-command-palette.gif differ diff --git a/resources/marketplace/overview.png b/resources/marketplace/overview.png index fa93aad6936..279d9767607 100644 Binary files a/resources/marketplace/overview.png and b/resources/marketplace/overview.png differ diff --git a/resources/marketplace/project-explorer-icon.png b/resources/marketplace/project-explorer-icon.png new file mode 100644 index 00000000000..76a7a9a2557 Binary files /dev/null and b/resources/marketplace/project-explorer-icon.png differ diff --git a/resources/marketplace/sam-configure-and-run-still-1.png b/resources/marketplace/sam-configure-and-run-still-1.png new file mode 100644 index 00000000000..a02d2e6da17 Binary files /dev/null and b/resources/marketplace/sam-configure-and-run-still-1.png differ diff --git a/resources/marketplace/sam-configure-and-run-still-2.png b/resources/marketplace/sam-configure-and-run-still-2.png new file mode 100644 index 00000000000..a91c1243261 Binary files /dev/null and b/resources/marketplace/sam-configure-and-run-still-2.png differ diff --git a/resources/marketplace/sam-configure-and-run.gif b/resources/marketplace/sam-configure-and-run.gif deleted file mode 100644 index 04c92f118d5..00000000000 Binary files a/resources/marketplace/sam-configure-and-run.gif and /dev/null differ diff --git a/resources/marketplace/sam-deploy-still-1.png b/resources/marketplace/sam-deploy-still-1.png new file mode 100644 index 00000000000..12c2723cbaf Binary files /dev/null and b/resources/marketplace/sam-deploy-still-1.png differ diff --git a/resources/marketplace/sam-deploy-still-2.png b/resources/marketplace/sam-deploy-still-2.png new file mode 100644 index 00000000000..6829ca9dbb9 Binary files /dev/null and b/resources/marketplace/sam-deploy-still-2.png differ diff --git a/resources/marketplace/sam-deploy.gif b/resources/marketplace/sam-deploy.gif deleted file mode 100644 index 635d71ea451..00000000000 Binary files a/resources/marketplace/sam-deploy.gif and /dev/null differ