How to Connect a Visual Studio Project to GitHub

Introduction

 

In this article, you will learn how to create a new project and connect to Github for the first time. We'll also look at push pull code from Github.

 

Create your application

 

Step 1

 

Open Visual Studio and select File >> Create a new project.

 

 

The ”Create a new project” window will pop up. Select “ASP.NET Core Web Application” and click “Next”.

 

 

 

After clicking on this, the “next” window will pop up. Select “Web Application” and click on “Create”, as shown below:

 

Step 2

Once your project is ready, open Solution Explorer and check to see if your project code is ready. Then, “build” the project and click on “IIS Express” to run the project.

 
After running the project, you can see your project in the browser along with localhost.

 

Step 3

 

This step is most important in order to connect to Github.

After running & checking your project, click on File and you will see 'Add to Source Control'. Now click on 'Add to Source Control'. If you don't see the Add to Source Control in the File tab, then you can find “Add to Source Control” in Visual Studio at the bottom, as shown below.

 

After clicking on ‘Add to source Control,’ open ‘Team Explorer’ (which you will find in the View tab on top of Visual Studio). Click on the Home tab in ‘Team Explorer’. There you can see your project name, as shown below.

 

Now click on the “Sync” tab and it will open a new tab. There, you will see “Publish to GitHub” & “Push to Azure DevOps Services” & “Push to Remote Repository”. Now click on “Publish to GitHub”. You can also see your project name and branch in the bottom of Visual Studio.

 

After clicking on “Publish to GitHub” it will open in another window.

 

Now configure your Github account with Visual Studio. If you don’t have an account with Github, then create a new account https://github.com/ .

 

After configuration, you will see your username on Github and the project name as a Repository name. If you want to add a description, then you can optionally add one. If you want to make your repository private, then click on the checkbox, or otherwise leave it. Now click on the publish button.

 

 
After clicking on publish, it’ll take a little bit of time. After finishing, it will show you the message, “Repository Created Successfully”. Again, click on sync and click on pull. It will show “Repository is already up to date. No changes to pull”.

 

 
Now you can see your project in GitHub. Open your GitHub account and check all the code uploaded with the project name Repository.

 

 
Step 4

Now open Visual Studio and change some code. Click on the Home tab in “Team Explorer”. Now click on the Changes tab.

 

 
After clicking on the Changes tab, it will open in another window. Here, you can see the changes file.

 

 
Now give a commit message. The changes you are going to commit to should be specific. Then click on the “Commit All” button. Next, click on the Sync link, which is shown in the commit message.

It will show another window. Click on the push link which is in outgoing Commits. After clicking on push, it’ll take time to update the Github Repository.

 

 

After pushing the code in Github repo, you can see your changes with the commit message.

 

That's it. I hope that you found this article helpful. Please let me know via comments and likes!