Using Github Desktop

In this post, we will look at how to use GitHub with Visual Studio.

First, let’s download and install the GitHub extension for Visual Studio. In Visual Studio, select Mange Extensions and find the GitHub Extension for Visual Studio, then click Download:

You will see a message to restart VS:

Click Modify:

We see the extension installing:

Click Close when complete:

Now let’s create a new project in Visual Studio. We will create a Console App:

GitHub Desktop extends and simplifies your GitHub.com workflow, using a visual interface instead of text commands on the command line. By the end of this guide, you'll have used GitHub Desktop to create a repository, make changes to the repository, and publish the changes to GitHub.

Select a folder. We will set the location as C:sourceGitHubmy-console-app:

Gitlab

Now let’s add some code to the console app:

  1. Sign Up for GitHub. G/O Media may get a commission. VPN Unlimited: Lifetime Subscription + 1.
  2. GitHub Desktop extends and simplifies your GitHub.com workflow, using a visual interface instead of text commands on the command line. By the end of this guide, you'll have used GitHub Desktop to create a repository, make changes to the repository, and publish the changes to GitHub.
  3. PHP Desktop is an open source project founded by Czarek Tomczak in 2012 to provide a way for developing native desktop GUI applications using web technologies such as PHP, HTML5, JavaScript and SQLite. Think of it as Electron for PHP. It is a convienient tool for converting PHP web apps and PHP CLI tools to desktop applications with little effort.
  4. An experimental desktop runtime for apps built on web technologies, using the system's own web browser engine. The project is still young and accepting contributions. Electrino aims to be a featherweight alternative to the popular and powerful Electron.

And run it:

Now let’s connect it to GitHub.

Select Team Explorer, then Connect:

Rebase Using Github Desktop

Log into GitHub:

Then click on Authorize GitHub:

We now see in VS:

Now let’s add our code to Source Control:

We see the icons next to the files show it is under Source Control:

Now click the Home icon, then Sync:

And Publish to GitHub:

Let’s do an example where the repository does not exist.

Enter the name of a repository and click Publish:

We see the Repository is successfully created:

And we see it in GitHub:

Let’s make a change:

To commit our changes locally, click Commit:

We need to enter a comment, then click Commit All:

Commit 327c9509 created locally. Sync to share your changes with the server:

Github

Go to Sync:

We see the outgoing commit. Click Push:

We see “Successfully pushed to origin/master”.

In GitHub we see the change:

Let’s make a change in GitHub so we can pull it down from Visual Studio. In GitHub, click the modify icon of the Program.cs file:

Make a change:

Click Commit Changes:

We see the change committed:

Github

Now in VS, click Fetch. We see the update come through:

Clicking on the update, we can see the differences between the local file and the incoming file:

Click Pull. The local file is now replaced with the incoming changes:

We have a repo called my-app-2:

Let’s create a new file:

Select the Repo and select a local folder. It will add on the end the repo name. Click Clone:

We see:

Using

And we are connected:

Github Desktop App Tutorial

Make an update:

Commit the changes locally:

Click Commit All:

Now sync with GitHub:

Click Push:

We see the changes:

THANKS FOR READING. BEFORE YOU LEAVE, I NEED YOUR HELP.

I AM SPENDING MORE TIME THESE DAYS CREATING YOUTUBE VIDEOS TO HELP PEOPLE LEARN THE MICROSOFT POWER PLATFORM.

IF YOU WOULD LIKE TO SEE HOW I BUILD APPS, OR FIND SOMETHING USEFUL READING MY BLOG, I WOULD REALLY APPRECIATE YOU SUBSCRIBING TO MY YOUTUBE CHANNEL.

THANK YOU, AND LET'S KEEP LEARNING TOGETHER.

CARL

ABOUT CARL DE SOUZA

Carl de Souza is a developer and architect focusing on Microsoft Dynamics 365, Power BI, Azure, and AI.

Github

carldesouza.com LinkedIn Twitter YouTube

Related Posts:

  • Creating a New Branch in GitHub from Visual Studio
  • Creating a Branch of a Branch in GitHub
  • Installing and Using GitHub Desktop on Windows