Configuration of ROS2 (GUI) inside Docker with VSCode

Installation

Windows

1.   Download XLaunch Server from https://sourceforge.net/projects/vcxsrv/ and install.
2.   Download Docker Desktop from https://docs.docker.com/desktop/install/windows-install/ and install.
3.   Download Visual Studio Code from https://code.visualstudio.com/download and install.
4.   Open VS Code and install an extension (shortcut CTRL+SHIFT+X) with the name "Remote Development".
5.   Download repository:
   a)   in web browser:
         click a button Code --> Download ZIP and unzip,
   b)   or in the Command Window:
         use command:   git clone https://github.com/Jakubach/ros2_docker_code.git

Ubuntu

1.   Download Docker Engine, instruction: https://docs.docker.com/engine/install/ubuntu/#install-using-the-repository
2.   Optionally, you can follow a post-installation steps from Docker documentation:
     https://docs.docker.com/engine/install/linux-postinstall/
3.   Download and install Visual Studio Code with command:   sudo apt-get install code
4.   Open VS Code and install an extension (shortcut CTRL+SHIFT+X) with the name "Remote Development".
5.   Download repository:
   a)   in web browser:
         change branch to Ubuntu, click a button Code --> Download ZIP, unzip,
   b)   or in the Terminal:
         use command:   git clone https://github.com/Jakubach/ros2_docker_code.git -b Ubuntu

Running ROS

Windows

1.   Run XLaunch Server with default settings.
2.   Run Docker Desktop (in the background).
3.   Run VS Code and open a directory ros2_docker_code/src, follow the bellow screen.

The first time you run it, you may need to wait a little longer for the necessary software to download and install.

Ubuntu

1.   Run Docker Engine with command sudo systemctl start docker (may not be necessary).
2.   Run VS Code and open a directory ros2_docker_code/src, follow the bellow screen.

The first time you run it, you may need to wait a little longer for the necessary software to download and install.