Using Git In Visual Studio Code



Git rebase HEAD3 -i do interactive rebase using VS Code; git commit use VS Code for the commit message; git add -p followed by e for interactive add; git difftool ^ use VS Code as the diff editor for changes; Working with pull requests. Visual Studio Code also supports pull request workflows through the GitHub Pull Requests and Issues extension available on the VS Code. Git works natively on Windows, Mac, and Linux. When using Windows, you’ll most likely be using the tools included in the Git for Windows initiative (Git BASH, Git GUI, and Git Shell Integration). Even though Git is completely cross platform, Visual Studio 2019 only works on Windows. 1 day ago  Visual Studio Code - Private GitHub repo. Ask Question Asked today. Viewed 4 times 0. I cannot seem to get VSCode to list private repos when attempting to clone. Steps: Open VSCode; Click 'Source Control' tab; Click 'Clone Repository' Select 'Clone from GitHub' After step 4, I should expect to see my private repos listed, however. Step 5: Click on the (Git) icon displayed on the left side bar in Visual Studio Code. This would show a button “Initialize Git Repository” Step 6: Click on “Initialize Git Repository” button. This will create a local.git folder in the local folder. Yes you can upload your git repo from vs code. You have to get in the projects working directory and type git init in the terminal. Then add the files to your repository like you do with regular git commits.

Home / Version Controlling with Git in Visual Studio Code and Azure DevOps

Overview

Azure DevOps supports two types of version control, Git and Team Foundation Version Control (TFVC). Here is a quick overview of the two version control systems:

  • Team Foundation Version Control (TFVC): TFVC is a centralized version control system. Typically, team members have only one version of each file on their dev machines. Historical data is maintained only on the server. Branches are path-based and created on the server.

  • Git: Git is a distributed version control system. Git repositories can live locally (such as on a developer’s machine). Each developer has a copy of the source repository on their dev machine. Developers can commit each set of changes on their dev machine and perform version control operations such as history and compare without a network connection.

Git is the default version control provider for new projects. You should use Git for version control in your projects unless you have a specific need for centralized version control features in TFVC.

In this lab, you will learn how to establish a local Git repository, which can easily be synchronized with a centralized Git repository in Azure DevOps. In addition, you will learn about Git branching and merging support. You will use Visual Studio Code, but the same processes apply for using any Git-compatible client with Azure DevOps.

Prerequisites

  • Visual Studio Code with the C# extension installed.

  • Git for Windows 2.21.0 or later.

  • This lab requires you to complete task 1 from the prerequisite instructions (Skip cloning, it is done in the exercise).

Exercise 1: Configuring the lab environment

Task 1: Configuring Visual Studio Code

  1. Open Visual Studio Code. In this task, you will configure a Git credential helper to securely store the Git credentials used to communicate with Azure DevOps. If you have already configured a credential helper and Git identity, you can skip to the next task.

  2. From the main menu, select Terminal | New Terminal to open a terminal window.

  3. Execute the command below to configure a credential helper.

  4. The commands below will configure your user name and email for Git commits. Replace the parameters with your preferred user name and email and execute them.

Exercise 2: Cloning an existing repository

Task 1: Cloning an existing repository

  1. In a browser tab, navigate to your team project on Azure DevOps.

  2. Getting a local copy of a Git repo is called “cloning”. Every mainstream development tool supports this and will be able to connect to Azure Repos to pull down the latest source to work with. Navigate to the Repos hub.

  3. Click Clone.

  4. Click the Copy to clipboard button next to the repo clone URL. You can plug this URL into any Git-compatible tool to get a copy of the codebase.

  5. Open an instance of Visual Studio Code.

  6. Press Ctrl+Shift+P to show the Command Palette. The Command Palette provides an easy and convenient way to access a wide variety of tasks, including those provided by 3rd party extensions.

  7. Execute the Git: Clone command. It may help to type “Git” to bring it to the shortlist.

  8. Paste in the URL to your repo and press Enter.

  9. Select a local path to clone the repo to.

  10. When prompted, log in to your Azure DevOps account.

  11. Once the cloning has completed, click Open to open the cloned repository. You can ignore any warnings raised about opening the projects. The solution may not be in a buildable state, but that’s okay since we’re going to focus on working with Git and building the project itself is not necessary.

Exercise 3: Saving work with commits

When you make changes to your files, Git will record the changes in the local repository. You can select the changes that you want to commit by staging the changes. Commits are always made against your local Git repository, so you don’t have to worry about the commit being perfect or ready to share with others. You can make more commits as you continue to work and push the changes to others when they are ready to be shared.

What’s in a commit?

Git commits consists of the following:

  • The file(s) changed in the commit. Git keeps the contents of all file changes in your repo in the commits. This keeps it fast and allows intelligent merging.

  • A reference to the parent commit(s). Git manages your code history using these references.

  • A message describing a commit. You give this message to Git when you create the commit. It’s a good idea to keep this message descriptive, but to the point.

Task 1: Committing changes

  1. From the Explorer tab, open /PartsUnlimited-aspnet45/src/PartsUnlimitedWebsite/Models/CartItem.cs.

  2. Add a comment to the file. It doesn’t really matter what the comment is since the goal is just to make a change. Press Ctrl+S to save the file.

  3. Select the Source Control tab to see the one change to the solution.

  4. Enter a commit message of “My commit” and press Ctrl+Enter to commit it locally.

  5. If asked whether you would like to automatically stage your changes and commit them directly, click Always. We will discuss staging later in the lab.

  6. Click the Synchronize Changes button to synchronize your changes with the server. Confirm the sync if prompted.

Task 2: Reviewing commits

  1. Switch to the Azure DevOps browser tab. You can review the latest commits on Azure DevOps under the Commits tab of the Repos hub.

  2. The recent commit should be right at the top.

Task 3: Staging changes

Staging changes allows you to selectively add certain files to a commit while passing over the changes made in other files.

  1. Return to Visual Studio Code.

  2. Update the open CartItem.cs class by editing the comment you made earlier and saving the file.

  3. Open Category.cs as well.

  4. Add a new comment to Category.cs so there will be two files with changes. Save the file.

  5. From the Source Control tab, click the Stage Changes button for CartItem.cs.

  6. This will prepare CartItem.cs for committing without Category.cs.

  7. Enter a comment of “Added comments”. From the More Actions dropdown, select Commit Staged.

  8. Click the Synchronize Changes button to synchronize the committed changes with the server. Note that since only the staged changes were committed, the other changes are still pending locally.

Exercise 4: Reviewing history

Git uses the parent reference information stored in each commit to manage a full history of your development. You can easily review this commit history to find out when file changes were made and determine differences between versions of your code using the terminal or from one of the many Visual Studio Code extensions available. You can also review changes using the Azure DevOps portal.

Git’s use of the Branches and Merges feature works through pull requests, so the commit history of your development doesn’t necessarily form a straight, chronological line. When you use history to compare versions, think in terms of file changes between two commits instead of file changes between two points in time. A recent change to a file in the master branch may have come from a commit created two weeks ago in a feature branch but was only merged yesterday.

Task 1: Comparing files

  1. In the Source Control tab, select Category.cs.

  2. A comparison view is opened to enable you to easily locate the changes you’ve made. In this case, it’s just the one comment.

  3. Go to the Commits view in Azure DevOps to locate some of the source branches and merges. These provide a convenient way to visualize when and how changes were made to the source.

  4. From the dropdown for Merged PR 27, select Browse Files. Canon printer download for mac.

  5. This view offers the ability to navigate around the state of the source at that commit so you can review and download those files.

Use Git Bash In Visual Studio Code

Exercise 5: Working with branches

You can manage the work in your Azure DevOps Git repo from the Branches view on the web. You can also customize the view to track the branches you care most about so you can stay on top of changes made by your team.

Committing changes to a branch will not affect other branches and you can share branches with others without having to merge the changes into the main project. You can also create new branches to isolate changes for a feature or a bug fix from your master branch and other work. Since the branches are lightweight, switching between branches is quick and easy. Git does not create multiple copies of your source when working with branches, but rather uses the history information stored in commits to recreate the files on a branch when you start working on it. Your Git workflow should create and use branches for managing features and bugfixes. The rest of the Git workflow, such as sharing code and reviewing code with pull requests, all work through branches. Isolating work in branches makes it very simple to change what you are working on by simply changing your current branch.

Task 1: Creating a new branch in your local repository

  1. Return to Visual Studio Code.

  2. Click the master branch from the bottom left.

  3. Select Create new branch from….

  4. Enter the name “dev” for the new branch and press Enter.

  5. Select the master as the reference branch.

  6. You are now working on that branch.

Task 2: Working with branches

Git keeps track of which branch you are working on and makes sure that when you checkout a branch your files match the most recent commit on the branch. Branches let you work with multiple versions of the source code in the same local Git repository at the same time. You can use Visual Studio Code to publish, check out and delete branches.

  1. Click the Publish changes button next to the branch.

  2. From the Azure DevOps browser tab, select Branches.

  3. You should see the newly pushed dev branch. Click on more actions drop down and Select the Delete branch button to delete it. Confirm the delete.

  4. Return to Visual Studio Code.

  5. Click the dev branch.

  6. Note that there are two dev branches listed. The local (dev) branch is there because it’s not deleted when the server branch is deleted. The server (origin/dev) is there because it hasn’t been pruned. Select the master branch to check it out.

  7. Press Ctrl+Shift+P to open the Command Palette.

  8. Start typing “Git: Delete” and select Git: Delete Branch when it becomes visible.

  9. There is only one local branch to delete, so select it.

  10. Click the master branch.

  11. Note that the local dev branch is gone, but the remote origin/dev is still showing.

  12. Press Ctrl+Shift+P to open the Command Palette.

  13. Start typing “Git: Fetch” and select Git: Fetch (Prune) when it becomes visible. This command will update the origin branches in the local snapshot and delete those that are no longer there.

  14. You can check in on exactly what these tasks are doing by selecting the Output window at the bottom of the screen.

  15. Note that if you don’t see the Git logs in the output console, you may need to select Git as the source.

  16. Click the master branch.

  17. The origin/dev branch should no longer be in the list.

Exercise 6: Managing branches from Azure DevOps

In addition to all the functionality available in Visual Studio Code, you can also manage your repo branches from the Azure DevOps portal.

Task 1: Creating a new branch

  1. Switch to the Azure DevOps browser tab.

  2. Navigate to Repos | Branches. Click New branch.

  3. Enter a name of “release” for the new branch. Use the Work items to link dropdown to select one or more work items to link to this new branch. Click Create branch to create it.

  4. After the branch has been created, it will be available in the list.

  5. Return to Visual Studio Code.

  6. Press Ctrl+Shift+P to open the Command Palette.

  7. Start typing “Git: Fetch” and select Git: Fetch when it becomes visible. This command will update the origin branches in the local snapshot.

  8. Click the master branch.

  9. Select origin/release. This will create a new local branch called “release” and check it out.

Task 2: Deleting a branch

  1. Return to Azure DevOps and click the Delete branch from the more actions drop down to delete it.

  2. You can Restore branch if you want by searching for an exact branch name. Select Restore branch as shown below.

Task 3: Locking a branch

Locking is ideal for preventing new changes that might conflict with an important merge or to place a branch into a read-only state. Alternatively, you can use branch policies and pull requests instead of locking if you just want to ensure that changes in a branch are reviewed before they are merged.

Locking does not prevent cloning of a repo or fetching updates made in the branch into your local repo. If you lock a branch, share with your team the reason why and make sure they know what to do to work with the branch after it is unlocked.

  1. From the master context menu, select Lock.

  2. The branch is now locked.

  3. Now Unlock the branch using the same process.

Task 4: Tagging a release

  1. While it may not seem like much, the product team has decided that this version of the site is exactly what’s needed for v1.1. In order to mark it as such, navigate to the Tags tab.

  2. Click Create Tag.

  3. Enter a name of “v1.1” and a Description of “Great release!”. Click Create.

  4. You have now tagged the project at this release. You could tag commits for a variety of reasons and Azure DevOps offers the flexibility to edit and delete them, as well as manage their permissions.

    ## ##

Exercise 7: Managing repositories

You can create Git repos in team projects to manage your project’s source code. Each Git repo has its own set of permissions and branches to isolate itself from other work in your project.

Task 1: Creating a new repo from Azure DevOps

  1. From the project Add dropdown, select New repository.

  2. Set the Repository name to “New Repo”. Note that you also have the option to create a file named README.md. This would be the default markdown file that is rendered when someone navigates to the repo root in a browser. Additionally, you can preconfigure the repo with a .gitignore file. This file specifies which files, based on naming pattern and/or path, to ignore from source control. There are multiple templates available that include the common patterns and paths to ignore based on the project type you are creating. Click Create.

  3. That’s it. Your repo is ready. You can now clone it with Visual Studio or your tools of choice.

Task 2: Deleting and renaming Git repos

  1. Sometimes you’ll have a need to rename or delete a repo, which is just as easy. Open Project settings.

  2. Select Repositories under Repos.

  3. From the New Repo context menu, select Delete repository. Alternatively, you could rename it here.

  4. Enter the name “New Repo” to confirm the repo and click Delete.

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:

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

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

And run it:

Now let’s connect it to GitHub.

Select Team Explorer, then Connect:

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:

Default

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:

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:

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:

And we are connected:

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.

Using Github In Visual Studio Code

CARL

ABOUT CARL DE SOUZA

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

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