[Part 2] Setup Dev Environment in 25 minutes (Node, Git, SSH, VS Code) - Become a Developer in 2021

Now that you have GitHub setup...
Sign up for ProjectNext.App
https://projectnext.app/
Our goal is to make you a better developer make learning new technologies fun with weekly hackathons for people of all skill levels.

--------------------
SETUP INSTRUCTIONS
--------------------

----------
DOWNLOADS:
----------

Node.js (LTS): https://nodejs.org/en/download/
Git (comes with Git BASH): https://git-scm.com/downloads
Insomnia REST Client: https://insomnia.rest/download/core/
VS Code: https://code.visualstudio.com/download

----------
Git/Git BASH/GitHub Setup:
----------

Create an account at GitHub.com

Install Git. Open Git BASH
Setup global git variables:

```bash
git config --global user.name "John Smith"
git config --global user.email "[email protected]"
```

Create an SSH Key (RSA)
```bash
ssh-keygen -t rsa -C "[email protected]"
```

Find your /.ssh/ folder

```bash
cd ~/.ssh/id_rsa.pub
```

Copy it with Shift + CTRL + C (or SHIFT + CMD + C on MacOS)
Open up Explorer (Windows) or Finder (macOS) or whichever file explorer you use. Navigate to the folder (you can paste it with CTRL or CMD + V) but may need to alter it or manually navigate there.
If you get to the folder and you don't see a folder named .ssh, go into the folder properties and allow hidden folders to be shown.

Copy the public key (the one that ends with .pub) if you can't tell the difference, right-click, and go to 'properties'. You'll be able to see the extension from here.

Copy the contents of the .pub file

Navigate to GitHub.com → Settings → SSH Keys → New Key

Paste your public key in and give it a name that represents your machine.

Save it. Open up Git Bash to see if it worked
Type in:

```bash
ssh -T [email protected]
```

When prompted, type 'yes' to authorize the host fingerprint.
You will get a message saying:
"Hi {your_username}! You've successfully authenticated, but Github does not provide shell access."

This means you were successful.

----------

VS Code Extensions:

Local Development Tools
Live Server
DotENV

Autocomplete
npm
npm Intellisense
Path Intellisense
Visual Studio Intellicode

Snippets
HTML Snippets
Express Snippets
JavaScript (ES6) code Snippets
ES7 React/Redux/GraphQL/React-Native Snippets

Formatting
Prettier
ESLint


Quality of Life' Extensions
Better Comments
Guides
GitLens - Git supercharged
Highlight Matching Tags
Download 1 of these Bracket Pair Colorizers. If it doesn't work, switch to the other:
Bracket Pair Colorizer
Bracket Pair Colorizer 2

Vue Extensions
Vetur
Vue VSCode Snippets

Theme
One Dark Pro
Material Icon Theme