# Using Our Local Environment

Coding directly on our computer is the recommended way of following along to this workshop. Setting up our local environment now also prepares us for future Web development projects that we will work on.

# Install Applications

For this workshop, we will need to install these applications:

  1. Visual Studio Code (opens new window)
  2. A Web browser (we probably already have at least one of these)

# Create Project Folder

Let's then create a folder where we will place all our code for this workshop. We can create this folder anywhere we want. We can also name the folder whatever we want. For uniformity, let's just say we created it in our desktop folder and named it html-css-workshop.

After creating the project folder, open Visual Studio Code and drag and drop our project folder into the code editor. The Visual Studio Code window should look something like this:

Project folder in VS Code

Our local environment is now set up. We can now start coding!