Breaking Into Tech:

Installation Guide
& Accounts Needed
Checklist:
1. Microsoft Visual Studio Code (VS Code)
○ This where we write our code

2. VS Code Extensions
○ Helps to have cleanly formatted code, but
does not affect the program.
Checklist:
3. Github Account
○ This is like Google Drive but for developers.
○ Made collaboration between developers for a
project easier.

4. Github Desktop
○ Desktop app to easily “save” our code to our
Github Account
Checklist:
5. Git
○ Version control system for codes.
○ Works under the hood, we will not “use” it
manually, Github Desktop will help us for
this.

6. NodeJS
○ Allows us to develop web applications
○ Works under the hood.
Checklist:
7. Heroku Account
○ Cloud platform for website hosting
○ This is where we will host our website live.
 1. Go to
https://code.visualstudio.com/download#
VS Code 2. Download the installer for your
computer (Windows or Mac or Linux)
 3. Click the downloaded file.
4. Tick the “I accept the Agreement”
VS Code button then Click Next.
5. Check the “Create a desktop Icon”
then proceed to Next.
6. Finally, click Install.
VS Code
 1. Open VS Code and Go to the
VS Code Extensions tab.
Extensions

Note: Extensions are just

optional.
 2. Search and Install the
VS Code following extensions:
a. Prettier - Code Formatter
Extensions
b. Live Server
c. Auto Rename Tag
VS Code
Extensions
 1. Go to https://github.com/ and
click “Sign up”
Github 2. Create your account and
Account verify if asked.
 1. Go to https://git-scm.com/downloads and
click Windows, macOS, or Linux
Git depending on your computer.
 2. Click the “Click here to download”.
3. Likewise, open the installer downloaded
Git then follow the setup instructions. (Note:
Do not change the default options, just click Next.)
 1. Go to
Github https://desktop.github.com/
2. Download the installer for
Desktop App
windows/mac/linux
depending on your computer.
 3. Just like how we installed VS
Github Code, click the downloaded
installer and proceed with the
Desktop App
installer’s instructions.
4. Open the app.
 5. Go to the File tab and select
Github “Options”
Desktop App
 3. Click “Sign In”. (Tip: Open the
browser where you logged in your
Github Github before doing this)
Desktop App 4. Select “Continue with
Browser”. You will be
redirected to the browser.
5. Then “Open GitHub
Desktop”. You will now be
redirected back to the desktop
app.
Github
Desktop App
 1. Go to https://nodejs.org/en/
NodeJS 2. Install the LTS Version. (Left
side)
 3. Click “Next” until you are prompted
NodeJS this message. Remember to Check this
option.
 3. Click “Next” for the following
NodeJS messages, and Click Install.
4. Proceed to “Finish”
5. A terminal window will open and just
follow the instructions.
6. Don’t fret when you see long lines of
messages, the terminal is just installing
other requirements for NodeJS.
 7. To check if Node is successfully
NodeJS installed, go to Command Prompt.
 8. Then, enter “node -v”.
NodeJS 9. It should return the version of your
node.
 1. Create account at
Heroku https://signup.heroku.com/
2. Verify your account.
Account
 https://drive.google.com/drive/
folders/1U-UH47szns97CA_Q
RiKpIG2Bq4h6URrU?usp=sh
aring

You can find all the installers that will be needed in this guide in the link above.
Thank you!
Let us know in the group chat once you’re done with the
installation and account creation.