How To upload Files on GitHub (using VSCode)

Table of contents

• How To upload Files on GitHub (using VSCode)
• Table of contents
  • Prerequisites:
  • 1. Setting User details
  • 2. Open folder in VSCode
  • 3. Publishing to Github
  • 4. Adding new changes or new file
  • 5. Want to delete a file
  • 6. How to view my Repository
• THANK YOU for reading this tutorial.

---

Prerequisites:

1. You must have a Github account. If not - create one (it's free): GitHub - Sign Up

2. VSCode and Git must be installed on your Computer.

   • Install official git release: Installing Git or if you want to have GitBash: Download Git for Windows (and Git BASH)

   • Install VSCode: Download VSCode

---

Note: While doing this tutorial, if VSCode asks for sign in, then simply sign in with your GitHub account and give all permissions required.

---

Setting User details

Note: This is one time process only. Just do it once and you are good to go.

1. Open Command Prompt (cmd.exe) or GitBash

2. Set user name:

   git config --global user.name "Your User Name"

3. Set user email (can be your GitHub account email or any other email address, but using your GitHub email is recommended for linking commits to your GitHub profile):

   git config --global user.email "Your Email"

Now you can close the terminal.

---

Open project folder in VSCode

1. Open VSCode
2. Select file > Open Folder

3. now select your Project Folder that you want to upload.

[Note: you must have at least 1 file (even empty) in the folder or its descendants, because git did not track empty folders.

---

3. Publishing to Github

1. Select Source Control Option

2. Now click on Publish to GitHub

3. Select option for private or public repository

   private => only you can see the repository

   public => anyone can see the repository

4. Now uncheck the checkbox of those file that you don't want to upload

I don't want to upload file.txt file so I am unchecking it.

5. then press OK

Now it will start uploading your files to your GitHub repository.

after few second Upload will complete.

Now click on Open on GitHub to view the repository.

Now repo will be opened in your browser.

Now in your VScode you will see a new file named as .gitignore. This file specifies which files and directories should be excluded from Git and uploading to GitHub.

---

4. Adding new changes or new file

I have added a new file in my repository named newProgram.c

Now click on Source control button.This will show all the changes that i have made in my repository.

Now write commit message(type anything you want) and click on commit changes(the tick option).

Click on Yes

Now click on three dot and click on push option.

Open your browser.

Referesh the page to view all new file/ changes you have made.

All new changes are updated in your repository.

If in future you want to add new commit then you can do it by repeating this step again.

[Note : new commit means new changes in your repository]

want to add more changes

---

5. How to delete a file

Simply delete the file in your VSCode and follow Step 4 (as this is a change).

---

6. How to view my Repository

1. open your gitHub account

2. Now click on Repositories

3. Now click on your repository that you want to view.

---

THANK YOU for reading this tutorial.