mad9014 | mad9013 set up steps review

1. Install VSCode

On this website you can download and install https://code.visualstudio.com/download

After you download VSCode and have it in your Downloads folder, be sure to drag it from there into the Applications folder.

2. Install HomeBrew

Go to the https://brew.sh website and copy the install command. (or copy it from here)

/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"

Run the command in your Terminal. Either in VSCode or the stand alone Terminal.

3. Install Git

The Git install uses HomeBrew to download and install Git. In your Terminal (VSCode or standalone) run the following command. You can also see the instructions on the Git website https://git-scm.com/downloads

brew install git

4. Install Oh My Zsh

ZShell is a version of the Terminal that we use in class. Oh My Zsh is a formatting and configuration tool for the Terminal. It will help to colour-code what you type and provide a useful settings file. The website with the install instructions can be found here https://ohmyz.sh/#install

Basically, just open a new Terminal window and run this command.

/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/ohmyzsh/ohmyzsh/master/tools/install.sh)"

5. Install NodeJS with NVM

We are using the NVM install method for NodeJS. This should be done in a new Terminal window (either standalone or in VSCode). It works best when done after HomeBrew, Git, and Oh My Zsh are install.

The NodeJS website has the full instructions and options.

Basic you just need to run the following commands in the Terminal.

curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.40.3/install.sh | bash

\. "$HOME/.nvm/nvm.sh"

nvm install 22

6. Testing that NodeJS is installed

Once the install commands are completed, you should open a new Terminal window to test the install. You can close the old Terminal windows if you like.

These three commands should each output a version number for nvm, node, and npm.

nvm -v
node -v
npm -v

As long as you see a number appear below the command, and not a message about Unknown Command, then you are fine.

7. Add Extensions to VS Code

There are A LOT of useful extensions that can be added to VSCode. In the notes of the course website in week 1 is a list of ones that we want for MAD9014.

https://mad9014.vercel.app/modules/week1/#vscode-extensions

and in the MAD9013 week 1 notes you will find a similar list, with fewer items.

8. Revealing Hidden Files and Folders

This is not a required install but it will make finding files to edit easier later on.

Temporarily Showing Files

You can press command + shift + . to toggle the appearance of hidden files and folders in Finder.

Permanent Showing Files

In the Terminal you can run these two commands so that Finder will always show the hidden files and folders.

defaults write com.apple.Finder AppleShowAllFiles true
killall Finder

9. Installing Browsers

As web developers we want to be able to run and test what we build in a variety of different browsers.

Here is the list of browsers that you should have installed.

Chrome or Chrome Canary
Safari or Safari Technology Preview
MS Edge or MS Edge Developer
Firefox or Firefox Developer Edition
Opera or Opera Developer Edition

Other browsers that you might be interested in.

10. Setting Chrome as Default Browser

For our development work we do NOT want to use Safari as our default.

When you open Chrome for the first time, you will be prompted to make it your default. Answer yes to this notification.

If you already said no, you can change this through the Chrome settings at this URL just open the URL in Chrome.

11. Github Account

Please sign up for an account on Github.com.

Use your @algonquinlive.com email address.

Your account name should be the same as your algonquin network username. Eg: abcd0001

12. Github Education

Make sure you apply for GitHub Education

prof3ssorSt3v3/readme.md