How to clone azure-devops project to VS Code
In this post we want integrate Azure devops board project with VS Code, so att all Issues and and work items shall be fixed in VS Code and after that it pushes to project in the Azure Devops project.
Pre requests:
- Visual studio code is install and Extensions are installed too
- There is an organization and a project (from Github repo) exist.
Install VS Code
You have Visual Studio Code 1.11.1 or later installed on your machine (if not, download and install it).
Install Extensions
You can browse and install extensions from within VS Code. Bring up the Extensions view by clicking on the Extensions icon in the Activity Bar on the side of VS Code or the View: Extensions command (Ctrl+Shift+X), or click Ctrl+Shift+P then write >Install and after that select: install extensions:install extensions.
This will show you a list of the most popular VS Code extensions on the VS Code as shown in the following image:
You can find and the needed extensions (common and Azure Devops related extensions) and install them.
clone Your Project from azure Devops to VS code
- login your Azure DevOps organization
- Select your project
- select Repos
- Select Files
- In the Files view, pick Clone to launch the Clone Repository popup and click on Clone and in the list find Clone in VS Code under IDE, and select Command line Https.
6. After click on the Clone VS code, you should select a Repository Destination on your PC, then the repository of project vill be displayed on the VS code as follow:
Now you can open any file needed to fix Issues or work items (files have been changed) then Source code shows pending changes.
Click on and press commit as shown in the following:
Press to Ctrl+ Enter and write a commit and after that press to the Accept icon in the upper right menu.
Then Sync Changes button is displayed as follow:
Press to the Sync Changes button then the changes are pulled and pushed to the Azure Devops project Repository.
Now back to the Azure Devops board and check the files on the Repo you see that changes are synced to Azure devops.
Click on Pipelines then you see that a new Pipe line has been run and completed as follow:
Click on the new run pipeline and job then you see that a artifact is produced.
How to open a Github repository in VS Code?
Once you have installed the GitHub Repositories extension, you can open a repository with the GitHub Repositories: Open Repository… command from the Command Palette (Ctrl+Shift+P) or by clicking the Remote indicator in the lower left of the Status bar.
you need give a folder in your PC then you can see your git repo i local in VS code under repositories.
Conclusion
This post was how to integrate VS code with Azure Devops Board project, how to Clone a project repository from DevOps to VS code and work with related code in VS code which needed to be fixed or modified in the project work items.
The next post is How to clone Azure DevOps Project to Visual Studio How to clone azure-devops project to Visula Studio
This post is part of Azure DevOps Agile Boards step by step