Uploaded December 2025 | Updated September 2026, 1 week ago
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: code.visualstudio.com
GitHub: https:/github.com
Git: 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:
6. Create Empty GitHub Repository (Repo)
7. Copy Repo URL
8. Connect VS Code to GitHub (git remote add origin 'URL')
9. Push To GitHub (git push -u origin main)
10. Verify on GitHub
Part 3:
11. See Changes in VS Code (Source Control)
12. Stage All Changes (git add .)
13. Commit Locally (git commit -m "message")
14. Push To GitHub (git push -u origin main)
15. Verify on GitHub
——————⭐ Resources ⭐———————
➜Gear I Use: mikemurphy.co/resources
➜Adobe After Effects: mikemurphy.co/adobe
➜Terrapin Textures: terrapintextures.com
➜ Adobe Audition Course (Domestika): mikemurphy.co/domestika
➜Amazon Influencer Store: amazon.com/shop/mikemurphyco
➜See All My Gear: mikemurphy.co/podgear
➜ Get Adobe Creative Cloud: mikemurphy.co/adobe
➜ Screenflow: mikemurphy.co/screenflow
——————⭐ Follow Me ⭐———————
➜ Website: mikemurphy.co
➜ Podcast: mikemurphy.co/mmu
➜ Instagram: instagram.com/mikeunplugged
➜ X: http://x.com/mikeunplugged
➜ YouTube: mikemurphy.co/youtube
Amazon Associates Disclosure:
Mike Murphy is a participant in the Amazon Services LLC Associates Program, an affiliate advertising program designed to provide a means for sites to earn advertising fees by advertising and linking to Amazon.com
#git #github #vscode #n8n
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: code.visualstudio.com
GitHub: https:/github.com
Git: 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:
6. Create Empty GitHub Repository (Repo)
7. Copy Repo URL
8. Connect VS Code to GitHub (git remote add origin 'URL')
9. Push To GitHub (git push -u origin main)
10. Verify on GitHub
Part 3:
11. See Changes in VS Code (Source Control)
12. Stage All Changes (git add .)
13. Commit Locally (git commit -m "message")
14. Push To GitHub (git push -u origin main)
15. Verify on GitHub
——————⭐ Resources ⭐———————
➜Gear I Use: mikemurphy.co/resources
➜Adobe After Effects: mikemurphy.co/adobe
➜Terrapin Textures: terrapintextures.com
➜ Adobe Audition Course (Domestika): mikemurphy.co/domestika
➜Amazon Influencer Store: amazon.com/shop/mikemurphyco
➜See All My Gear: mikemurphy.co/podgear
➜ Get Adobe Creative Cloud: mikemurphy.co/adobe
➜ Screenflow: mikemurphy.co/screenflow
——————⭐ Follow Me ⭐———————
➜ Website: mikemurphy.co
➜ Podcast: mikemurphy.co/mmu
➜ Instagram: instagram.com/mikeunplugged
➜ X: http://x.com/mikeunplugged
➜ YouTube: mikemurphy.co/youtube
Amazon Associates Disclosure:
Mike Murphy is a participant in the Amazon Services LLC Associates Program, an affiliate advertising program designed to provide a means for sites to earn advertising fees by advertising and linking to Amazon.com
#git #github #vscode #n8n
