How to Upload Project to GitHub Using VS Code (Step-by-Step)
Want to learn how to upload your project to GitHub directly from Visual Studio Code? In this beginner-friendly tutorial, I’ll walk you through the exact steps to push your code to GitHub using VS Code in 2026.
This video is perfect for beginners and anyone who wants to learn how to push code to GitHub from VS Code. Let’s get started! 🚀
🔥 What You’ll Learn in This Video:
✅ How to check if Git is installed on your system
✅ How to open a project in Visual Studio Code
✅ How to initialize Git in VS Code
✅ How to configure Git with your GitHub username and email
✅ How to create a GitHub repository and link it with VS Code
✅ How to upload files, folders, and code to GitHub
✅ How to push your HTML, CSS, JavaScript project to GitHub
✅ How to fix “Permission Denied (publickey)” error when pushing to GitHub
🛠️ Commands Used in This Video:
1️⃣ Check if Git is installed
git --version
2️⃣ Open your project in VS Code and initialize Git
git init
3️⃣ Configure your GitHub username and email
git config --global user.name "YourGitHubUsername"
git config --global user.email "[email protected]"
4️⃣ Add a GitHub repository as a remote
git remote add origin https://github.com/your-username/Your...
5️⃣ Verify the remote connection
git remote -v
6️⃣ Stage and commit your files
git add .
git commit -m "First commit"
7️⃣ Set the main branch and push the project to GitHub
git branch -M main
git push -u origin main
8️⃣ Fix "Permission Denied (publickey)" error (if needed)
git remote set-url origin https://github.com/your-username/Your...
📌 Timestamps to Follow Along:
⏳ 00:00 - Introduction & Overview
⏳ 00:15 - Checking If Git Is Installed on Your System
⏳ 00:40 - Opening Your Project in Visual Studio Code
⏳ 01:00 - Initializing Git in VS Code
⏳ 01:20 - Configuring GitHub Username & Email
⏳ 01:40 - Creating a GitHub Repository
⏳ 02:00 - Linking VS Code with Your GitHub Repository
⏳ 02:30 - Adding, Committing & Pushing Files to GitHub
⏳ 03:30 - Fixing "Permission Denied (publickey)" Error
⏳ 04:00 - Final Checks & Verifying Upload on GitHub
🎯 Who Is This Video For?
✔️ Beginners who want to learn how to upload projects on GitHub
✔️ Developers looking for an easy Git & GitHub tutorial
✔️ Anyone using Visual Studio Code (VS Code) for development
✔️ Anyone who wants to upload HTML, CSS, JavaScript, or any project to GitHub
🔔 Don’t Forget to Subscribe!
👍 If this video helped you, LIKE, COMMENT & SUBSCRIBE for more Git & GitHub tutorials! 🚀
💬 Got questions? Drop a comment below, and I’ll be happy to help! 😊
📌 More Helpful Videos:
🔹 • How to Setup VS Code for Web Development (...
🔹 • How to Push Code to GitHub | Step-by-Step ...
🔹 • How to Install Git on Windows 11 | Step-by...
#HowToUploadProjectOnGitHub #UploadProjectToGitHub #HowToUploadProjectToGitHub #HowToUploadFoldersOnGitHub #HowToUploadProjectOnGitHubDesktop #UploadProjectOnGitHub #HowToUploadFolderInGitHub #HowToUploadFilesToGitHub #HowToUploadProjectOnGitHubRepository #HowToUploadCodeInGitHub #HowToAddProjectToGitHub #HowToUploadFolderToGitHub #HowToUploadHtmlCssJsProjectOnGitHub #HowToUploadProjectOnGitHubInWindows