Introduction

In this article, I will show you how to perform GIT Clone, Commit & Push using VS Code. In my previous articles, I already described the Git operation using Git Bash. For that, we need to write commands to perform Git operations and how to manage GitHub Public Repo and Private Repo using VS Code.

Today, I will describe the below-mentioned points in detail,

Know about Git Clone using VS Code
Know about Git Commit using VS Code
Know about Git Push using VS Code
Differnce between Sync Changes and Push
Perform Git Clone, Add, Commit and Push changes using commands in VS Code terminal
Work on existing file using commands in VS Code terminal

Note
Before going through this session, please visit my below-mentioned sessions related to Git and GitHub,

Know about Git Clone using VS Code

Before doing commit or push, We need to do clone the repo. For this go to GitHub repo and copy that repo URL as shown below.

Then go back to your VS code and in the section of Source Control and click on Clone Repository as shown below.

Then it will ask you, Where you want to save this repo to your local and once you select the location then select repository location as shown below,

Now, It will ask you... Would you like to open the cloned repository as shown below,

Then click on Open in New Windown. You will get one pop-up line "Do you trust the authors of the files in this folder?". You should select the check box and click on Yes, I trust the authors as shown below.

Now you can see these files in GitHub repo are now available with repo name i.e. GitProj in our clone after clone using VS Code as shown below,

The same you can compare with remore GitHub repo as shown below,

Know about Git Commit using VS Code

Let's create a new file called Satyaprakash.html.

Here I want to commit this new file to my remote GitHub repository. You can commit the changes of existing file as well as new file. So, before commiting you need to configure Git in your local. So, to do that we need to open New Terminal as shown below,

So, we need to configure our user name and email of GitHub account before commit any changes to GitHub remote repo. It is also same as push and pull operation. You can get yout user name and email from https://github.com/settings/profile of your GitHub account.

The below commands are required to configure user name and email in global as shown below,

for global : This is for all repository

git config --global user.email "Put your e-mail ID here"
git config --global user.name "Put your user name here"

for local : This is for current repository

git config user.email "Put your e-mail ID here"
git config user.name "Put your user name here"

Then you can check your user name using below command as shown below,

git config user.name

If you select Source Control then you can see 1 peding changes with your new file name as shown here. Here U means "Untracked". We need to add this change to staging area.

Now we can see the symbol chnages from U (Untracked) to A (Added).

Before commit , We need to give commit message here and then click commit.

The changes are commited successfully as shown.

Know about Git Push using VS Code

Once it is commited, Now it's time to push those chnages to GitHub remote repo.

You can do it in 2 ways. These are using Sync Changes and Push operation.

Sync Changes : It will first pull from your remote GitHub repository and then push it. Sync will do pull and push both.

Push: It will only push your changes to your remote GitHub repository.

Once you click on Sync Changes then you get a pop-up and click Ok. Here in origin/master, The master is the default branch in the GitHub remote repository.

Now we can see that new file Satyaprakash.html is available in GitHub remote repo with commit message.

Differnce between Sync Changes and Push

Sync Changes : It will first pull from your remote GitHub repository and then push it. Sync will do pull and push both.
Push: It will only push your changes to your remote GitHub repository.