Skip to content

setup_development_container.md

Latest commit

 

History

History
36 lines (26 loc) · 1.74 KB

setup_development_container.md

File metadata and controls

36 lines (26 loc) · 1.74 KB

Setup Development Container environment

With many thanks to this brilliant article from Kiran Randhawa.

I have worked years with Developent Containers using only Docker. Recently I started working with WSL integration. Not only my Hot Reload issue is solved, the performance gain is staggering.

If you have never setup this before, in Windows 11:

  1. Run Powershell as Admin, and run
wsl --install
  1. Start the Microsoft Store - type "store" in your taskbar, and search for "Ubuntu", I installed "Ubuntu 20.04.6 LTS" (Debian did not work for me);
  2. Start Ubuntu, create your account;
  3. Create a repos folder and withing this folder, clone this repository;
  4. Install Docker Desktop on Windows;
  5. In docker desktop, open the settings with the cog-wheel icon;
  6. Section "General", check "Use the WSL 2 based engine" and the sub-option "Add the *.docker.internal names..."
  7. Section "Resources | WSL integration", enable the switch for Ubuntu, this comes with the Ubuntu installation. Press button "Apply and Restart"
  8. Start VS Code, and with the blue button at the left bottom, connect to WSL with distribution, choose Ubuntu;
  9. Choose folder repos and then the subfolder with this repositor;
  10. When asked, press the button "Open folder in Dev Container";
  11. After opening in Dev Container, the environment will install all prerequisites to run this repository;

Ready to go!

The installed environment includes:

  • Node with Typescript;
  • Terraform;
  • AWS CLI;

Tip! Install the "Draw.io Integration" plugin from Henning Dieterichs to view .drawio files.