Partager via

.NET Core - Getting started with GIT and VSCode via Visual Studio Team Services

  • Article

In this post I show how to use Visual Studio Team Services (formerly Visual Studio Online) to create a GIT repository to host a .NET Core project created using Visual Studio Code. It is valid to say that VSTS allows you to create projects for several languages, IDEs and platforms.

 

AnyDeveloperAnyLanguage1_636x350-op

 

Emphasizing that the free plan allows you to share a project with up to 5 people simultaneously.
To start using VSTS access the URL https://www.visualstudio.com/vso and click on Get started for free.

 

vsts4

 

On the homepage, click on New to create a new project.

 

vsts1

 

 

Enter the data to create a project, such as name, description, which used process (SCRUM, Agile, CMMI) and which version control format that will be used (GIT or TFVC). In this case, we will select GIT, as the purpose of this post is to detail this technology. Click on Create Process button to complete the operation.

 

VSCODE

 

After the project is created, click Navigate to project button to view the project dashboard.

 

finishcreatingnewproject

 

On the project dashboard, you can add tasks, codes, builds, tests, share the project with other people and more. Close the popup welcome to visualize all the dashboard options.

 

dashboard

 

In the dashboard page, click Add code to your repository to create a repository where the application code will be stored.

 

dashboardfull

 

 

Observe that the repository is empty. To add the code, you can clone the GIT repository and open it directly into an IDE of your choice.

 

workitem9

 

Or you can just copy the repository path and clone it using Git GUI, a visual interface tool of manipulation of repositories GIT.

 

workitem8

 

Because Visual Studio Code is not available in the list, I will copy the URL of the GIT and clone the repository from the following command prompt:

git clone https://luisdem.visualstudio.com/\_git/VSCODE

 

The expected result is:

 

git

 

To create the application template, I'll use the dotnet CLI (Command Line Interface).

 

dotnet new -t console

 

And I will edit the application by opening the VSCode through the following command:

 

code.

 

cmd2

 

Observe that after the project has been created, the VSCode recognized that changes were made in the project by GIT icon:

vscode1

 

To commit the changes, provide a description of the change and click the icon highlighted in the following image, or press CTRL + Enter:

 

vscode2

 

 

The change was committed and there are no more checkouts.

 

vscode3

 

 

It is important to remember that, because we are using GIT as a repository, which commits were performed locally. Thus, the code is not yet available in VSTS. To add the code in VSTS, you must publish the changes to the branch selected (in the GIT, by default, the main branch is called MASTER) via the following highlighted icon that is next to the name of the branch:

 

vscode4

 

 

After publishing, switch back to the VSTS website, click again on Code menu and note that the files are available in the repository:

 

vscode5

 

 

Note that when you return to the Visual Studio Code and make any changes in the code, the GIT icon displays the quantity of the changes. By clicking on one of the changes, the VSCode displays before and after the change in side-by-side windows.

 

vscode6

 

I hope you enjoyed.

 

If you need more information about .NET Core, please visit the post:

.NET Core – How to publish a self-contained application (.exe)

 

For more details about how to change the cmd or powershell prompt to increase the writing area, please visit:

Changing the cursor of PowerShell and Command Prompt

Comments

  • Anonymous
    January 08, 2017
    Hi Luis,Can you please point me to the right place on how to consume a web service from ASP.NET Core ?I used Microsoft's Visual Studio WCF Connected Service (A Visual Studio Connected Service to add WCF service references to .NET Core projects in Visual Studio 2015 Update 3) from this link https://marketplace.visualstudio.com/items?itemName=erikcai-MSFT.VisualStudioWCFConnectedServiceand I was able to add a web service reference by browsing to the wsdl file. However, I can only see the request and response classes. I was not able to see the method that is used to send request and receive response. I'm not sure what I am missing. I was able to use the same wsdl file and saw the exposed method that is used ot send request and receive response in a ASP.NET project (non ASP.NET Core).Thanks for your time!