VS Code Can Do That - Workshop
Main
Main
  • VS Code Can Do That Workshop
  • Essential Keyboard Shortcuts
  • Exercise 1 - Customizing The Editor
    • Customizing The Editor
    • Switch themes
    • Install a new icon theme
    • Switch fonts
    • Editor tweaks
    • Change default Settings view
    • Easily identify editor instances
  • Exercise 2 - Productivity Tricks
    • Productivity Tricks
    • Essential navigation shortcuts
    • Creating HTML with Emmet
    • Styling with Emmet
    • Update image sizes
  • Exercise 3 - Navigation And Refactoring
    • Navigation And Refactoring
    • Moving, Duplicating and Deleting
    • Folding sections
    • Multiple cursors
    • Rename refactor
    • Finding things
    • Extract refactor
  • Exercise 4 - Debugging
    • Debugging
    • Simple debugging
    • Simple launch config
    • Auto attach
    • Debugging browser apps
    • Compound debug configurations
  • Exercise 5 - Docker
    • Docker
    • Dockerizing an application
    • Running and inspecting images
    • Docker compose
    • Debugging Docker containers
  • Exercise 6 - Remote Development
    • Remote Development
    • Create a remote container
    • Create a new function in the container
    • Handling extensions
  • Exercise 7 - Working With Data
    • Working with data
    • Working with MongoDB
    • Working with SQLite
    • Working with MySQL
  • Exercise 8 - Git and Source Control
    • Git and source control
    • Cloning repos with VS Code
    • Common Git workflows
    • Branching and merge conflicts
Powered by GitBook
On this page

Was this helpful?

  1. Exercise 6 - Remote Development

Create a remote container

PreviousRemote DevelopmentNextCreate a new function in the container

Last updated 5 years ago

Was this helpful?

In this exercise, you'll create a container in which to run the Lamp API in an Azure Functions project locally. Azure Functions requires a specific setup in order to work, including .NET Core, Azure Functions Core Tools and the Azure Functions extension. All of these things will be isolated in the container.

  • Add the Remote Development configuration files to the "start" project

  • Include all of the dependencies to run an Azure Functions project

  • Open the project in the container

  • Run the API as a Serverless Function

  • Open the Command Palette(Cmd/Ctrl + Shift + P)

  • Select "Remote-Containers: Add Development Container Configuration Files"

Select the "start" project from the prompt

  • Select the "Azure Functions & Node.js (latest LTS)

  • VS Code will add a ".devcontainer" folder to the "start" project. Inside this folder are two files..

    • Dockerfile

    • devcontainer.json

  • Open the Command Palette (Cmd/Ctrl + Shift + P)

  • Select "Remote-Containers: Open Folder in Container"

  • Find the "start" folder inside the "exercise-6-remote-containers" folder and select it

  • VS Code will immediately begin to build a container. You will see that in the bottom panel.

  • Once the container is built, VS Code will be connected to the project which is now running inside of a container

  • Press F5 to start the Serverless Function project

  • Browse to "localhost:7071/api/setColor" on your machine

    • Pass a query string variable "localhost:7071/api/setColor?color=blue"

  • You will receive a response from the Serverless Function