Bubble Wrap Setup

Let’s get set up! I’ll be writing these instructions assuming that you’ve followed the instructions in the Environment Setup. It will be possible to follow along using only the online Codespace environment, but it might be a bit painful at points. You’ve been warned!

GitHub Configuration

This will look very similar at the start of each project. We’ll be starting from a repository already provided for you, and editing from there. Below are abbreviated steps, if you want more detail feel free to look back at the Forking and Cloning instructions. Just make sure to do it with the new Bubble Wrap Repo.

  1. Open the Bubble Wrap Repo in a new tab.
  2. FORK THE REPO by cliicking the fork button. This is important! If you forget to fork you won’t be able to push any changes.
  3. Enable workflows under the Actions tab
  4. Under Settings > Code and automation > Pages > Build and deployment > Source choose GitHub Actions

Cloning and opening in VS Code

  1. Open a new terminal / git bash.
  2. Navigate to the gba-scenic directory cd ~/gba-scenic
  3. Go back to GitHub and get copy the clone link (Code tab > Green Code Button > HTTPS tab)
  4. Go back to your terminal and run git clone CLONE_URL
  5. Switch into the bubble-wrap directory: cd bubble-wrap (DO NOT FORGET THIS! THE DEV CONTAINER WILL NOT WORK PROPERLY IF YOU SKIP THIS)
  6. Open VS Code: code .
  7. Reopen in Dev Container. Click the button to reopen in container if prompted, otherwise click the arrows at the VERY bottom left of the window, and choose to reopen in container (DO NOT FORGET THIS!)

If you did everything properly, your code should be open in VS Code, the bottom left hand corner will note that you’re in a Dev Container, and the open workspace will be for bubble-wrap. If that’s all good, we can finally get to coding!