Mike MurphyAI Handyman
Subscribe
Back to tutorials

Git & GitHub for Beginners: Turn Any Project Into a Repo Using VS Code

December 17, 2025 ·

Git & GitHub. Turn Any Local Project Folder Into a GitHub Repository. Tutorial for Beginner/Non-Developers & AI Enthusiasts.

Description

How to turn your local n8n-workflows folder into a GitHub repository and sync future changes—all using VS Code’s visual interface (no terminal commands needed).

Prerequisites:

  • VS Code installed
  • GitHub account created
  • Git installed on your Mac (comes pre-installed on most Macs)

What You Will Learn:

  • What is Git?
  • What is GitHub?
  • What is VS Code?
  • What is .gitignore file?
  • How To Turn Local Project Folders into GitHub Repositories
  • How To Sync Local & GitHub Folders & Files

📌 Links

VS Code: https://code.visualstudio.com
GitHub: https:/github.com
**Git: **https://git-scm.com
Hostinger & n8n: https://www.hostg.xyz/SHIDN


🕒 Timestamps
00:00 Intro: About The Tutorial
00:14 What is VS Code?
00:28 GitHub Project: n8n Workflows
01:18 Overview of Tutorial
02:28 VS Code vs Terminal
02:51 What is Git & GitHub?
03:45 Confirm Git is Installed
04:33 Step 1: Open Project Folder in VS Code
04:46 Step 2: Initialize Local Folder As Git Repo
05:37 Step 3: Stage All Files
06:41 Step 4: .gitignore file
07:59 Side Tip: Show Hidden Files
08:46 Empty Directories
10:22 README File
10:54 A & U in VS Code?
11:29 Stage Additional Changes
12:33 UnStage Files
13:02 Step 5: Make Initial Commit
14:24 Part 2 Overview
15:45 Step 7: Copy Repo URL
16:03 Step 8: Connect VS Code to GitHub
16:53 Step 9: Push To GitHub
18:04 Open on GitHub
18:37 Step 11: See Changes in VS Code
20:39 Step 12: Stage Changes
22:58 Recap: Part 3
24:52 Bonus Tip: Commit & Push
27:21 Push To GitHub…Pull From GitHub

🪜 Step By Step:

Part 1:

  1. Confirm Git is installed (git –version)
  2. Initialize Local Folder As Git Repository (git init)
  3. Stage All Files (git add .)
  4. Create .gitignore File
  5. Make Initial Commit

Part 2:

  1. Create Empty GitHub Repository (Repo)
  2. Copy Repo URL
  3. Connect VS Code to GitHub (git remote add origin ‘URL’)
  4. Push To GitHub (git push -u origin main)
  5. Verify on GitHub

Part 3:

  1. See Changes in VS Code (Source Control)
  2. Stage All Changes (git add .)
  3. Commit Locally (git commit -m “message”)
  4. Push To GitHub (git push -u origin main)
  5. Verify on GitHub

AI Unplugged · weekly

Newsletter for AI Builders

One practical email with the news, tools, terms, and tutorials worth remembering. Beehiiv sends it; Astro owns the archive.

No spam. Reply-friendly. Easy to leave.