VS Code + GitHub Guide

Check if Git is Installed

Copygit --version

Set Username and Email

Copygit config --global user.name "Your Name"
git config --global user.email "you@example.com"

Clone a GitHub Repository

Open Command Palette Ctrl+Shift+P or Cmd+Shift+P and choose:

CopyGit: Clone

Push Changes to GitHub

• Stage changes using the Source Control panel
• Write a commit message
• Click the `...` and choose Push

Or use Command Palette:

CopyGit: Push

Working with Branches

Pull a Specific Branch

Copygit fetch origin
git checkout your-branch-name
git pull origin your-branch-name

Create New Branch from Master

Copygit checkout master
git pull origin master
git checkout -b new-branch-name

Push a New Branch to GitHub

Copygit checkout -b your-new-branch
git add .
git commit -m "Your commit message"
git push -u origin your-new-branch

Deploying to GitHub Pages

Initialize and Push Repository

Copygit init
git add .
git commit -m "Initial commit"
git branch -M main
git remote add origin [your-repo-url]
git push -u origin main

Enable GitHub Pages

Go to your GitHub repository settings and:

• Select Pages from the sidebar
• Choose Deploy from a branch
• Pick the main branch and / (root) folder
• Click Save

Open or Edit HTML in Terminal

Copy# Open in VS Code
code index.html

# Open in default browser (macOS)
open index.html

Start Fresh in a New Repository

Step-by-Step: Exit Current Repo & Start a New One

Follow these commands to back out of a current repo and begin working in a separate new one:

1. Move Up One Level in Terminal

Copycd ..

2. Navigate to Your Desired Directory

Copycd your-folder-name

3. Clone the New Repository

Copygit clone [new-repo-url]
cd your-new-repo-folder

4. Add and Push Your Project

Copygit add .
git commit -m "Initial project commit"
git push -u origin main