Home / Getting Started with GitHub using Visual Studio 2019

Overview

GitHub has grown from being a fledgling source control provider into a formidable DevOps solution in just a few short years. Along with the portal experience, GitHub provides great integration for apps like Visual Studio to deliver a superior experience integrated within the environments developers spend their days in. In this lab, you’ll learn about GitHub support in Visual Studio 2019.

To install GitHub Extension for Visual Studio 2017, you should follow the steps below: Open Visual Studio Installer 2017. Click on the Modify button. At individual Components Below Code Tools Check GitHub Extension for Visual Studio option. Visual studio 2017 log. GitHub Gist: instantly share code, notes, and snippets.

If you’d like to learn more about the basics of Git, please check out this lab.

Prerequisites

Xfx laptops & desktops driver download for windows. In order to complete this lab you will need the Azure DevOps Server 2019 virtual machine provided by Microsoft. Click the button below to launch the virtual machine on the Microsoft Hands-on-Labs portal.

Alternatively, you can download the virtual machine from here.

Exercise 1: Getting Started with GitHub using Visual Studio 2019

Task 1: Setting up a GitHub project

Visual Studio 2017 GithubVisual

Visual Studio 2017 Github

  1. Log in as Sachin Raj (VSALMSachin). All user passwords are P2ssw0rd.

  2. Install Google Chrome from https://google.com/chrome. GitHub does not support Internet Explorer, so use Chrome for the remainder of this lab.

  3. Fork the project at https://github.com/Microsoft/PartsUnlimitedE2E into your own account.

  4. Select the Settings tab.

  5. Enable Issues by checking its box.

  6. Select the Issues tab.

  7. Click New issue.

  8. Waveidea driver download for windows. Create a new issue called “Update to v2.0” and click Submit new issue. Fixing this issue will be the focus of this lab.

  9. Note the ID of the newly created issue.

Visual Studio 2017 Github Serial

Task 2: Cloning and configuring a GitHub project in Visual Studio

  1. Open Visual Studio.

  2. Click Continue without code. Note that you also have the option to start the cloning experience from the welcome dialog.

  3. From Team Explorer, click the Manage Connections button.

  4. Under GitHub, click Connect. Complete the process to sign in to your GitHub account.

  5. Click Clone.

  6. Select the project cloned earlier and click Clone.

  7. After logging in, Team Explorer lights up with a variety of shortcuts and features to make your experience with GitHub as seamless as possible. Many of the buttons are shortcuts to the GitHub portal page for this project, such as Pulse, Graphs, and Wiki. Click Settings.

  8. You can configure settings at two levels. Click Global Settings to review those first.

  9. The Global Settings view provides a way for you to set global defaults that apply to all projects. In this case, the User Name and Email Address are already configured. However, you may want to change them for your instance. Click the Back button.

  10. Click Repository Settings.

  11. These settings are specific to the current project. Click the Home button.

Visual

Task 3: Exploring GitHub version control integration

  1. To get started on the work item created earlier, click Branches. The work will be done on a separate branch and merged in after a review.

  2. Right-click the master branch and select New Local Branch From.

  3. Set the name to “dev” and click Create Branch.

  4. The new branch will be checked out after creation. Note that you can see the current branch and perform common options using the button at the bottom of the window.

  5. Right-click the dev branch and select Push Branch. This will push the locally created branch to the server.

  6. From Solution Explorer, search for “_layout” and open the _Layout.cshtml from the PartsUnlimitedWebsite project.

  7. Add “v2.0” to the h1 tag text and Save the file.

  8. In Team Explorer, switch to Changes.

  9. The source change made earlier will be shown here. Enter a commit message of “Updated to v2.0” and select Commit All | Commit All and Sync. This will commit your change and push it to the server.

Task 4: Exploring GitHub pull request integration

  1. Although the dev branch has been updated with the necessary change, it still needs to work its way back in to the master. This can be done with a pull request. Click the Home button.

  2. Click Pull Requests to start the pull request process.

  3. Click Create New to create a new pull request.

  4. Set the branch to merge into to master from your project. Note that it will default to the Microsoft project, which you do not want to use. Set the comment to “Fixes #1.”. Note that you may need to replace the #1 with the ID created earlier if it were different. By tagging the pull request with the issue ID, you can automate closing the issue later on when the request is merged. Click Create pull request.

  5. From the project dropdown, select the forked version in your GitHub account.

  6. The newly created pull request will be visible. Double-click it to open.

  7. The pull request view includes all the information you need to review changes and make comments. Double-click _Layout.cshtml to open it in the diff viewer.

  8. The diff viewer makes it easy to understand what changes were made and where.

  9. You can also leave line-level comments. Click the Add Comment button at the changed line and add a comment. Click Start a review.

  10. Your review is now visible as part of the pull request. Click Continue your review.

  11. Enter a review summary and select Submit review | Comment only.

  12. In the GitHub browser window, select the Pull requests tab.

  13. Click the pull request to open it.

  14. All of the information added from Visual Studio is visible in the pull request. Others can comment or review the changes as well. Click Resolve conversation to resolve the comment left during your review.

  15. Click Merge pull request.

  16. Confirm the merge. Download stenocast port devices driver.

  17. Navigate back to the Issues tab. Note that the issue created earlier has been closed now that the pull request was approved.

GitHub Extension for Visual Studio

The GitHub Extension for Visual Studio makes it easy to connect to and work with your repositories on GitHub and GitHub Enterprise from directly within Visual Studio 2015 or newer. Clone existing repositories or create new ones and start collaborating!

For more information about the extension, visit https://visualstudio.github.com/.

For feedback and bug reports, please email support@github.com.

Features

  1. Connect - From the Team Explorer section, click the Connect.. button in the GitHub invitation section to login to the extension. The extension supports two-factor authentication (2fa) with GitHub and stores credentials in the Windows Credential store so that Git Operations within Visual Studio work with your GitHub repositories. The extension also supports logging into a GitHub Enterprise instance.
  2. Clone - Once connected, click on the Clone button to list all repositories that you have access to on GitHub.
  3. Create - The create dialog lets you create a repository on GitHub.com and locally that are connected together.
  4. Publish - For a local-only repository, click on the Sync navigation item to get the GitHub publish control. This make it quick to publish your local work up to GitHub.
  5. Open in Visual Studio - once you log-in with the extension, GitHub.com will show a new button next to repositories labeled 'Open in VisualStudio.' Click on the button to clone the repository to Visual Studio.
  6. Create Gist - Create gists by using the GitHub context menu when you right-click on selected text
  7. Open/Link to GitHub - Easily open on GitHub or share a link to the code you're working on by using the GitHub context menu.
  8. Pull Requests - View your repository's Pull Requests and create new ones from the Pull Requests button in the Team Explorer Home
  9. See Pull Request diffs - See all Pull Request changes as individual diff views and open changed files directly from the Pull Request details view
  10. Review Pull Requests - Start a review and submit a review that comments, approves, or request changes to the Pull Request
  11. Inline Comments - Add review comments to the Pull Request changes you're reviewing directly from the VS diff view
  12. Fork - From Team Explorer Home, fork a repository you have already cloned.

Requirements

Visual Studio 2015 and above