How to Add Project to Github from Visual Studio Code

okay everyone so in this video we're gonna learn how you can add a project to github using visual studio code all right so you need to have a github account so let's go to github.com and just create an account if you don't have one already you also need to download and install git so you have this website you can just go to google search for install git let's go to this one git dash scm dot com all right and just go to downloads and just choose which one you are using mac windows or linux just click on download and install it all right after that you need to go and open up your project that you want to add to a github repository so i'm just gonna go to file click on open folder and just choose your project i'm gonna choose this one our project to github click on select folder all right okay so i'm just gonna go and create a file i'm gonna go and click on new file index dot html yes so we have something to push to github i'm just gonna add a basic html setup like so i'm just gonna add an h1 like that now we're gonna go to this one source control we're gonna click on initialize repository and at any time during this process you will be prompt to login to your github account and also authorize everything all right that's perfectly normal if you're doing this the first time if you cannot click on this one that means you don't have git installed then you will find information and links right here just click on initialize repository now we can see that we have index.html with this u i'm tracked and now we can add a message this message will describe your commit so in my case this will be first commit all right after that we're gonna go and click on this check mark like that now we're gonna go to github i'm gonna go and click on new to create a new repository and just name this whatever you like like so you can add a description you can choose public or private in my case i'm just gonna choose private and if you want to have a readme file this is where you can write a long description for your project and you can also add dot git ignore but you can add this later on so i'm just gonna go and click on create repository and after that i'm gonna go and copy this link we're gonna go back to wishes to the code we're gonna go and click on view click on command palette and search for git add remote let's click on this one git add remote and now provide repository url like so hit enter and we're gonna name this so i'm just gonna choose the same name that we have right here so test underscore github and just hit enter like so and now i'm just going to go and click on publish branch like that let's go back to github and let's go to this project and now we can see that we have index dot html we have the message first commit if you click on this file we can see the code right here and if you are multiple coders and they have uploaded something so let's say i'm going to change this i'm going to go and click on edit i'm just going to change something so git tab uh add project to github in vs code like that we're gonna go down i'm gonna save this one and if we go back to wishes to the code we cannot see anything right here that means i recommended to do a pull request before you're gonna code your project right so if you go to these three dots and click on pull this will grab the latest code from your github repository and now we can see that we have a github in vs code and if i make a change right here let's say i want to add a paragraph with some example text like that and i'm just gonna save this so you can see that we have this m it's modified now you can just add a message what you did added a paragraph with information okay and just click on this check mark and just click on sync changes so this action will push and pull commits to and from test github masters i'm going to go and click on ok don't show again like that now go to github we're gonna update i'm gonna go to the project and now we can see the latest commit added a paragraph with information all right you can also click on this one three commits and here you can see all your commits all right okay everyone so comment below if this worked out for you also check out my other videos i upload web development tutorials every week so check them out and also join my discord server you find the link in the description subscribe for more of these tutorials have awesome day take care and bye

Channel: Waatz Developer

Views: 28,277

Keywords: how to add project to github from visual studio code, visual studio code, github

Id: ZRqsnJU9VyM

Length: 7min 3sec (423 seconds)

Published: Thu Mar 10 2022