How To Use GitHub with VS Code in 2020 | Commit & Push | Part 1

Learn how to commit and push a repository on Github using VS Code without the terminal.

Download GIT

Playlist Github & VS Code

--- 🤙 Book A Consultation ---

CONTACT:

VIDEO SCRIPT:
Today I’m gonna show you how to efficiently use github with vs code without the terminal we all secretly dislike.

In this video, we are going to focus on how to add an existing vs code project to git and GitHub and how to update the files afterward with just a couple of mouse clicks.

First of all, you have to install git on your system, git is the underlining technology which powers Github.

Secondly, make sure to have an account on Github and that you have vs code installed.
Just a quick check, in the beginning, make sure that under settings git enable is checked.

A little side note: Github is a version control platform to save existing projects and to work on projects in a team. But you probably already knew that.

So let's start with the first step.
Open an existing project with vs code.

Go to the source control menu and click the git icon and choose your project folder. If you have the folder open in vs code, it should appear right away.

Now the files that are not updated with git appear with this U for “”””””.

To upload the files we go through a two-step process. Commit and Push.

To commit, write a descriptive message of the changes, this is our first commit so we say init, and click the checkmark.

Now the files are committed.

The next step will be to push the changes to GitHub. But if we try to do it we will get this error message. That’s why we have to add a remote repository first.

Go to view and “command palette” and choose “add remote” first give it a name, usually, I chose the same name of the project which in our case would be Test_Project.

And now vs code asks you for the link to the repository.

So let’s go and create a new repository in GitHub.

Give it a name… you either can have it as a public repository so anyone can see it, or keep it private though this is behind a paywall, so we keep it public.
You can add a README to your repository, which should have a quick description of your project, this is good practice in GitHub, so you should do it but for the sake of this tutorial we leave it out.

Then we create the respiratory and we copy the link. Put the link in vs code and now we are able to push the changes to GitHub either in this menu section, or I prefer this symbol here.

Now the files appear on your GitHub.

If I make some changes it will automatically appear in the source control menu section.

We commit it with a comment and push it to GitHub.

And that’s all there is to it.

Now you can sync your updated files with just a couple of clicks to GitHub via vs code. Also, don’t forget that git created a hidden file in your local folder. So don’t accidentally delete it and don’t make any changes.

Another tip, if form one reason or another you have to get your GitHub repository link again this is how to get it

In the next video which is in the description down below, I’m going to show you how to do it the other way around, so if you have an existing project on Github, how to pull it to vs code.

ABOUT THIS CHANNEL:
Dev World is a mix of tutorials and educational videos around Coding, Online Marketing, and Design.

#Coding #Webdesign #Marketing

[SamFromaway]

Don't Forget To Be One Of The First Subscribers Of This Channel, If You Like The Content 😀😀👍👍

[ritaviksakpal]

No annoying intros! no bull sheet! just straight to the point! that's how every video should be. thanks!!!

[justvikas]

I am literally so thankful I watched this. Simple, Clean, Effective. What a video.

[salmanuddin]

Short, sweet and simple. Thanks for making learning GIT so easily . Really appreciate your effort!!

[vladbirta]

short and right on target. just as every tutorial should be. thank you!

[everittgill]

Thank you so much for making this tutorial! I spent three hours trying to figure out how to do this yesterday and it drove me nuts. This was exactly what I needed to see and I got my new code uploaded to my group project repository for the first time.

[gmnzoeu]

Directly explained, quick, and easy. Without digging up as many other tutorials.

[khanmohammedrehan]

perfection.
It had exactly what i needed.
Thanks : )

[gourabbhattacharjee]

Short and straight to the point! Just got the process in one go!! Kudos!!

[toyosisalami]

Your tutorial helped me so much. I've watched many videos and only your guidelines worked for me. Thank you!

[alimeree]

simple, easy, 4 minutes with all this much of info.. How can I thank you ?? Amazing !!

[flower]

This is what I searched for !!! I got the right point..Thank you !!

[anandakrishnan]

Couldn't be any more simpler, thanks :)

[Clean_Slate]

Very short and covers all the basics, thank you very much!

[johnlacaba]

The second best video on this topic is from the VS Code channel and it still left me with questions. Seriously thank you for this!

[karentechnologies]

Thank you so much sir you really helped me a lot. It's absolutely straight forward

[theFastestSloth_]

Straight to the point and done in minutes' just how I like it!!!👍🏻👍🏻👍🏻👍🏻

[learnwithjoe]

Thanks! The explanation was so clear and simple

[marcostrevinorodriguez]

Amazing man, i was struggling since i change to a new pc, now is working fantastic

[MonkeySolutionsInc]

Thank you so much! Very informative and clear video.