Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

Microsoft

Remote development with Visual Studio Code

Microsoft via Microsoft Learn

Overview

  • Module 1: Create and configure a full-featured container-based development environment with the Visual Studio Code Dev Containers extension. Open any folder or repository in a container and take advantage of the full feature set of Visual Studio Code, like IntelliSense (completions), code navigation, and debugging.

    By the end of this module, you'll be able to:

    • Install the Visual Studio Code Dev Containers extension.
    • Load and connect to a project in a Docker container.
    • Access ports in the container from your local machine.
    • Customize settings while working with your container.
    • Add software to the container environment.
  • Module 2: In this module, you'll learn how to use Visual Studio for the Web to develop from any device that is browser compatible. We'll explore how to make and review lightweight code edits using Visual Studio Code for the Web. Finally, we'll learn how to continue working in a different environment to get the full feature set of Visual Studio Code.

    By the end of this module, you'll be able to

    • Determine when to use Visual Studio Code for the Web vs Visual Studio Code Desktop.
    • View and edit code in the browser.
    • Use source control features and review pull requests in the browser.
    • Move to a more powerful development environment using the "Continue Working On…" feature.
  • Module 3: Learn how to enable remote tunnels with Visual Studio Code (VS Code).

    In this module you will:

    • Explain what is tunneling and how remote tunnels securely transmit data.
    • Use Remote - Tunnels extension.
  • Module 4: In this module, you'll learn how to seamlessly develop on a remote machine using the Visual Studio Code Remote - SSH extension. We'll explore how to run and debug code located on a remote machine, while locally using Visual Studio Code's full feature set.

    By the end of this module, you'll be able to:

    • Set up an SSH host on a remote machine
    • Configure a project on a remote machine
    • Install the Visual Studio Code Remote - SSH extension
    • Run and debug code while connected over SSH
  • Module 5: In this module, you learn how to use the Windows Subsystem for Linux (WSL) with Visual Studio Code (VS Code). We explore the installation process and the basics of using WSL. Additionally, we install and utilize the Visual Studio Code WSL extension. Finally, we demonstrate how to debug and run Python code in VS Code within our WSL environment.

    By the end of this module, you're able to:

    • Install and use the Windows Subsystem for Linux on your Windows machine.
    • Install and use the Visual Studio Code WSL Extension.
    • Debug Python code in WSL with Visual Studio Code.
  • Module 6: Use features in VS Code to personalize your development experience for various remote environments.

    By the end of this module, you'll be able to:

    • Turn on and configure Settings Sync in Visual Studio Code.
    • Load a personalized version of Visual Studio Code both locally and on the web.
    • Create profiles that are tailored for various projects and remote environments.
    • Combine multiple remote development environments for a customized development experience.

Syllabus

  • Module 1: Module 1: Use a Docker container as a development environment with Visual Studio Code
    • Introduction
    • Exercise - Prepare the project
    • Use the Dev Containers extension in Visual Studio Code
    • Exercise - Add a dev container to an existing project
    • Customize project and editor settings
    • Exercise - Customize project and editor settings
    • Add software to an existing container
    • Exercise - Add software to an existing container
    • Knowledge check
    • Summary
  • Module 2: Module 2: Edit code using any device with Visual Studio Code for the Web
    • Introduction
    • What is Visual Studio Code for the Web?
    • Exercise - Use Visual Studio Code for the Web
    • Working with code in Visual Studio Code for the Web
    • Exercise - Work with an existing repo in Visual Studio Code for the Web
    • Continue working in a different environment
    • Exercise - Continue working in a different environment
    • Knowledge check
    • Summary
  • Module 3: Module 3: Introduction to Remote - Tunnels extension
    • Introduction to Remote - Tunnels extension
    • Tunnels and tooling
    • Exercise - Enabling Remote - Tunnels in Visual Studio Code UI
    • Exercise - Enabling Remote - Tunnels in code CLI
    • Knowledge check
    • Summary
  • Module 4: Module 4: Develop on a remote machine using SSH in Visual Studio Code
    • Introduction
    • What is SSH?
    • Exercise - Set up SSH server
    • Use the Remote - SSH extension in Visual Studio Code
    • Exercise - Connect using SSH through Visual Studio Code
    • Run and debug code
    • Exercise - Run and debug code
    • Knowledge check
    • Summary
  • Module 5: Module 5: Developing in the Windows Subsystem for Linux with Visual Studio Code
    • Introduction
    • What is the Windows Subsystem for Linux (WSL)?
    • Setting up WSL
    • Setting up the Visual Studio Code WSL extension
    • Running and Debugging Code in WSL via VS Code
    • Summary
  • Module 6: Module 6: Personalize your remote development workflow with Visual Studio Code
    • Introduction
    • What are profiles?
    • Exercise - Work with profiles
    • What is Settings Sync?
    • Exercise - Explore Settings Sync
    • Combine remote environments
    • Knowledge check
    • Summary

Reviews

Start your review of Remote development with Visual Studio Code

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.