Connecting Azure DevOps Repo with Visual Studio Code

Visual Studio Code is a lightweight source code editor that comes with built-in support for JavaScript, TypeScript, and Node.js and has a rich ecosystem of extensions for other languages (such as C++, C#, Java, Python, PHP, Go) and runtimes (such as .NET and Unity).

In this article, I’m going to present the basic steps of connecting an existing azure repository with Visual Studio Code. I have already created a project in Azure DevOps and setup a repo with an angular sample project.

Prerequisites

• Visual Studio installed in your computer (as you should have TF.exe to setup Azure Repos extension)
• Cloned copy of your azure DevOps project repo
• PAT with full access to your Azure DevOps Account

How to create a Personal Access Token in Azure DevOps

Creating a PAT

User Settings -> Personal Access Tokens click on new token and create a PAT with full access

Step 1 : Install Azure repos extension

Search for Azure Repos Extension in Marketplace

Step 2 : Open your project with visual studio code
It will show like this

Step 3 : Click on set Up TFVC Support

Then the icons in the status bar will change like this

Step 4 : Sign in

Then get command palate ctrl+shift+p And type Team: signin

Select first option Provide an Access Token Manually, and paste your access token

Enter your PAT

Now you can see that the status bar has changed with a few more icons.

The azure repo has successfully connected

Now you have successfully connected your azure repo with visual studio code.