Connect VSCode and AWS !!

Follow the guide below to get your vscode environment connected to your aws services and running in record time!


Steps

This section helps you set up the AWS Toolkit for Visual Studio Code. It provides information about how to install and configure the toolkit, set up your credentials, and connect to AWS.

Previous Next

Step 1: left double click on "Visual Studio Code Icon" To launch the application

Step 1 screenshot.Step 1 screenshot.

Previous Next

Step 2: left click on "Extensions (icon)" in "Welcome - Visual Studio Code (pane)"

Step 2 screenshot.Step 2 screenshot.

Previous Next

Step 3: Enter "AWS" on "Extensions (pane)" in "Visual Studio Code"

Step 3 screenshot.Step 3 screenshot.

Previous Next

Step 4: left click on "Install" under "AWS ToolKit"

Step 4 screenshot.Step 4 screenshot.

Previous Next

Step 5: left click on "Install" under "AWS CLI Configure"

Step 5 screenshot.Step 5 screenshot.

Previous Next

Step 6: left click on new extension "AWS (icon)" in "Visual Studio Code"

Step 6 screenshot.Step 6 screenshot.

Previous Next

Step 7: left click on "Connect to AWS..." in "AWS Explorer (pane)"

Step 7 screenshot.Step 7 screenshot.

Previous Next

Step 8: left click on "Yes" from popup Requesting AWS Credentials setup

Step 8 screenshot.Step 8 screenshot.

Previous Next

Step 9: Enter Desired Local aws Profile name in "Visual Studio Code (command pallet)" Then Press "Enter" for this example we will use "Production"

Step 9 screenshot.Step 9 screenshot.

Previous Next

Step 10: Get Access Key From your AWS Identity Access Management user for "Visual Studio Code (command pallet)"

Step 10 screenshot.Step 10 screenshot.

Previous Next

Step 11: left click on "Paste Ctrl+V (menu item)" in "Visual Studio Code (command pallet)" pasting Access Key

Step 11 screenshot.Step 11 screenshot.

Previous Next

Step 12: Input "Enter" on "Visual Studio Code (command pallet)"

Step 12 screenshot.Step 12 screenshot.

Previous Next

Step 13: Get Secret Key From your AWS Identity Access Management user for "Visual Studio Code (command pallet)"

Step 13 screenshot.Step 13 screenshot.

Previous Next

Step 14: left click on "Paste Ctrl+V (menu item)" in "Visual Studio Code (command pallet)" pasting secret key

Step 14 screenshot.Step 14 screenshot.

Previous Next

Step 15: Input "Enter" on "Visual Studio Code (command pallet)"

Step 15 screenshot.Step 15 screenshot.

Previous Next

Step 16: left click on "Connect to AWS..." in "AWS Explorer Extension (pane)"

Step 16 screenshot.Step 16 screenshot.

Previous Next

Step 17: left click on newly create profile in "Visual Studio Code (command pallet)"

Step 17 screenshot.Step 17 screenshot.

Previous Next

Step 18: Access AWS Resources in "AWS Explorer Extension (pane) in Visual Studio Code"

Step 18 screenshot.Step 18 screenshot.
Return to top of page...

Contact Me

Want to get in touch? Fill out the form below to send me a message and I will get back to you as soon as possible!