Git & GitHub for Beginners: Turn Any Project Into a Repo Using VS Code
December 17, 2025 · Mike Murphy
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:
- Confirm Git is installed (git –version)
- Initialize Local Folder As Git Repository (git init)
- Stage All Files (git add .)
- Create .gitignore File
- Make Initial Commit
Part 2:
- Create Empty GitHub Repository (Repo)
- Copy Repo URL
- Connect VS Code to GitHub (git remote add origin ‘URL’)
- Push To GitHub (git push -u origin main)
- Verify on GitHub
Part 3:
- See Changes in VS Code (Source Control)
- Stage All Changes (git add .)
- Commit Locally (git commit -m “message”)
- Push To GitHub (git push -u origin main)
- Verify on GitHub