使用Visual Studio Code开发.NET Core看这篇就够了

做者:依乐祝
原文地址:http://www.javashuo.com/article/p-gnkizpxr-kb.htmlhtml

在本文中,我将带着你们一步一步的经过图文的形式来演示如何在Visual Studio Code中进行.NET Core程序的开发,测试以及调试。尽管Visual Studio Code的部分功能还达不到Visual Studio的水平,但它实际上已经足够强大来知足咱们的平常开发。并且其轻量化,插件化以及跨平台的特性则是VS所不具有的。并且Visual Studio Code还能够经过社区来建立一系列的扩展来加强其功能,且社区已经足够活跃。咱们能够期待更多很酷的扩展和功能来加强VS Code,这将使在这个轻量级,跨平台编辑器中的开发.NET Core应用程序更加流畅和有趣。赶忙跟着博主一块儿开始今天的文章吧!python

为何要写这篇文章?

由于上篇文章也说了,.NET Core已经全面跨平台了,并且咱们也在尝试使用Linux了,可是上篇CentOS开发ASP.NET Core入门教程 中使用的CLI进行.NET Core开发的话,感受很不适应。毕竟从.net过分过来的咱们已经习惯了使用Microsoft的Visual Studio进行开发。那么有没有一款媲美Visual Studio的开发工具可让咱们可以在Linux系统上进行高效的.NET Core开发呢?答案是确定的,由于微软已经开发了一个名为Visual Studio Code的跨平台和开源的文本编辑器。Visual Studio Code是如此强大和使人惊叹,由于它提供了内置的智能提醒,调试功能和Git支持。并且Visual Studio Code提供了强大的插件扩展功能。使得你能够在插件扩展库里面找到知足你需求的插件。若是你没有在他们的扩展库中找到它,那么你还能够本身建立一个插件并使用它。很酷,对吗?那就开始吧!编程

安装

这部分,咱们将讲解如何进行Visual Studio Code的安装,配置以便进行.NET Core的开发json

准备工做

  1. 安装.NET Core SDK。具体的安装方式大伙能够点击这里进行查看并进行安装。由于微软的东西都比较傻瓜式,因此这里就不演示了。c#

  2. 安装Visual Studio Code。您能够从此处 而后根据您的操做系统进行选择下载,不一样操做系统的安装过程可能会有所不一样 您能够在此处 查看Visual Studio Code的安装说明。仍是 由于微软的东西都比较傻瓜式,因此这里就不演示了。1541339022729visual-studio-code

  3. 在Visual Studio Code 中安装C# 扩展以便让Visual Studio Code 支持C#的开发,固然你也能够安装其余语言的扩展来进行其余编程语言的开发,好比说python,go等等。为了安装c#的扩展,你能够经过Visual Studio Code左侧工具栏中的Extensions图标或使用键盘快捷键Ctrl + Shift + X打开Extensions视图。在搜索框中搜索C#并从列表中安装扩展程序。以下图所示: 1541339435927编程语言

    这里须要注意下,安装完成以后,须要重启下Visual Studio Code才可以使用C#扩展功能。1541339538011
    重启以后会出现以下的界面,表示已经安装好了C#扩展1541339685496编辑器

    使用Visual Studio Code开发基本的.NET Core程序

    既然环境都已经准备好了,那么如今咱们就开始使用Visual Studio Code开发一个.NET Core应用程序吧!
  4. 在电脑上一个位置建立一个名为DotNetCoreSample的空文件夹,而后右键单击该文件夹,从弹出的菜单中选择“使用Visual Studio Code打开”。这将打开Visual Studio Code,并将选定该文件夹做为工做区。固然也能够经过下图所示的步骤来打开这个文件夹,这个按照你的习惯来操做就好。1541340456205ide

  5. 使用`Ctrl+Shift+`` 快捷键在 Visual Studio Code 中快速打开终端,以下图所示:工具

    1541590018735

  6. 接下来咱们使用dotnet new console --name DotNetCoreSample 命令来在这个打开的终端里面建立一个基础的控制台程序并进行restore。以下图所示

    1541590248007

  7. 接下来咱们打开生成的Program.cs 文件,Visual Studio Code会安装OmniSharp插件,而后会在右下角弹出以下图所示的是否须要生成用来构建以及调试的资产文件的询问窗口,这里点击“是”就会帮咱们生成“launch.json”以及“task.json”文件,这些文件将有助于使用Visual Studio代码构建和调试应用程序 。

    1541590405069

    1541590667259

  8. 下面咱们修改下Program.cs 文件中的内容,添加下面这行代码。而后保存文件,并把鼠标移动到终端,而后终端cd到咱们的项目目录cd DotNetCoreSample。输入dotnet run 而后按下Enter键,能够看到以下所示的内容:

    1541591036238

Visual Studio Code中vscode-solution-explorer解决方案管理器插件的使用

可能不少.neter朋友们刚开始使用Visual Studio Code的时候很不适应各类命令行dotnet命令来建立项目以及解决方案。幸运的是,Visual Studio Code扩展中提供了相似于Visual Studio的解决防范资源管理的插件来解决这个问题。下面咱们一步一步的看下如何使用此插件吧!

  1. 打开Visual Studio Code扩展,而后输入vscode-solution-explorer,而后以下图所示进行安装。

    1541591973934

  2. 安装后插件后,VS Code Explorer左侧栏中将多了一个显示名为“SOLUTION EXPLORER”的新窗格。

    1541592290514

  3. 接下来咱们使用它来建立解决方案,并在解决方案中添加项目吧。咱们按下快捷键Ctrl + Shift + P

    而后选择“Create a new empty solution ” VS Code 将提示咱们输入一个解决方案的名称。咱们输入一个SimpleCalculator 做为解决方案的名称。

    1541592847941

  4. 如今,VS Code将使用咱们提供的名称建立一个空的解决方案。在后台,咱们安装的扩展将执行dotnet new sln  命令。您能够在“SOLUTION EXPLORER”窗格中看到空白解解决方案。而后此扩展程序将询问你是否建立模板文件夹请参见下图。若是容许,它将在.vscode / solution-explorer 目录中添加一些模板。

    1541593203311

  5. 如今,让咱们向这个空白的解决方案中添加类库和控制台应用程序。右键单击解决方案(在Solution Explorer窗格中),而后从上下文菜单中选择Add new project选项。这将列出.NET CLI提供的可用项目类型(请参见下图)。选择“类库”选项。

    1541593412253

    1541593430198

  6. 系统将询问您将使用哪一种语言。选择C#,编辑器将提示输入项目名称。 像咱们以前给出的那样给出MathOperations的名称。类库已添加到解决方案中。

  7. 重复相同的步骤并添加名为“Calculator ”的控制台应用程序。请记住从项目模板中选择控制台应用程序。

  8. 如今咱们须要在控制台应用程序中添加类库项目的引用。右键单击控制台应用程序项目,而后从上下文菜单中选择“添加引用”选项。因为解决方案中只有两个项目,扩展程序将自动添加另外一个项目的引用。若是有两个以上的项目,咱们须要从列表中选择项目。

    1541593786278

  9. 导航到类库目录MathOperations。将Class1.cs  类文件重命名为MathOperations.cs。在类中添加一个两个数字的简单简单加法的方法,代码以下:

    public static class MathOperation    
        {    
            public static int Add(int num1, int num2) => num1 + num2;
        }
  10. 修改导航到Calculator控制台程序并在Program.cs文件中使用类库中的方法。这里你们可使用Shift + Alt + F快捷键格式化代码。以下所示:

    static void Main(string[] args)
            {
                int num1 = 10;
                int num2 = 20;
                int sum = MathOperation.Add(num1, num2); // Method from class library    
                Console.WriteLine($"{num1} + {num2} = {sum}");
                Console.ReadLine();
            }
  11. 如今,右键单击解决方案资源管理器树中的控制台应用程序项目,而后从上下文菜单中选择“运行”选项。您能够看到.NET CLI将在后台运行应用程序。并在Output窗口中输出结果,以下图所示。

    1541594980618

    1541594999015

Visual Studio Code在.NET Core应用程序中运行测试插件

单元测试是软件开发不可或缺的一部分。这里我不打算详细解释单元测试,由于有不少在线资源。我只给你们介绍如何在.NET Core应用程序中包含单元测试以及可用于运行单元测试的Visual Studio Code的扩展。

  1. 首先让咱们该写下数学运算的类库方法
public static class MathOperation
    {
        public static int Add(int num1, int num2) => num1 + num2;
        public static int Subtract(int num1, int num2) => num1 - num2;

        public static int Multiply(int num1, int num2) => num1 * num2;

        public static int Divide(int num1, int num2) => num1 / num2;
    }
  1. 如今,咱们须要在解决方案中添加一个单元测试项目。

咱们可使用.NET CLI或上面提到的Solution Explorer扩展来添加单元测试项目。要经过Solution Explorer扩展添加项目,请右键单击解决方案,而后 从上下文菜单中选择“ 添加新项目 ”。从项目模板中选择xUnit Test Project 并命名为 MathOperationTests。建立测试项目后,将MathOperations类库的引用添加到测试项目中。

若是您使用的是.NET CLI,则须要运行如下命令。

dotnet new xunit -n MathOperationTests  
dotnet add MathOperationTests\MathOperationTests.csproj reference MathOperations\MathOperations.csproj  
dotnet sln SimpleCalculator.sln add MathOperationTests\MathOperationTests.csproj
  1. UnitTest1.cs重命名为OperationTests.cs。也要在代码中更改类名。如今咱们将为类库方法添加一些测试。

    public class OperationTests
        {
            [Fact]
            public void AddTwoNumbers_ReturnsSum()
            {
                var num1 = 10;
                var num2 = 20;
                var result = MathOperation.Add(num1, num2);
                Assert.Equal(30, result);
            }
    
            [Fact]
            public void SubtractTwoNumbers_ReturnsDifference()
            {
                var num1 = 20;
                var num2 = 10;
                var result = MathOperation.Subtract(num1, num2);
                Assert.Equal(10, result);
            }
    
            [Fact]
            public void MultiplyTwoNumbers_ReturnsProduct()
            {
                var num1 = 10;
                var num2 = 20;
                var result = MathOperation.Multiply(num1, num2);
                Assert.Equal(200, result);
            }
    
            [Fact]
            public void DivideTwoNumbers_ReturnsQuotient()
            {
                var num1 = 20;
                var num2 = 10;
                var result = MathOperation.Divide(num1, num2);
                Assert.Equal(2, result);
            }
        }
  2. 如今,咱们须要运行咱们建立的测试。咱们为此使用.NET CLI。打开终端。导航到MathOperationTests目录。输入dotnet test命令。咱们将得到如下输出。

    1541596760373

  3. 如您所见,输出信息量较少。若是咱们在Visual Studio中有相似于Test Explorer的东西来执行咱们的单元测试并查看结果,那将会很好。好消息是有一个名为.NET Core Test Explorer的Visual Studio Code插件。下面按照下图所示在Visual Studio代码中安装此扩展吧。这里不过多说明了

    1541597219891

  4. 安装扩展程序后,您能够在左侧活动栏中看到一个烧杯图标。单击该图标,您将看到测试的侧栏面板,其中列出了项目中发现的单元测试。测试项目将显示在按命名空间和类分组的树视图中。您还能够看到每一个测试的“运行”按钮和顶部的“所有运行”按钮。单击Run All按钮,您能够看到正在执行的全部测试及其结果。

    1541597348658

  5. 咱们能够看到全部测试都已经过,并在测试资源管理器窗格中标有绿色勾号。如今让咱们让测试失败。我将更改Add方法的逻辑以使测试失败。

    public static int Add(int num1, int num2) => num1 - num2;//这里有bug
  6. 如今再次运行测试。咱们能够看到咱们对Add方法的测试失败,并在test explorer窗格中用红色符号标记。

    1541597509689

  7. 若是咱们导航到咱们编写的测试方法,咱们能够看到它如今在Assert方法中有一个红色的波浪下划线。若是咱们将鼠标悬停在该波浪线上,将显示一个信息框,显示测试的实际值和预期值。VS代码的底部面板(终端所在的面板)的“ 问题”选项卡中显示相同的信息。这能够在下图中看到。

    1541597599699

  8. 修复错误并再次运行测试,以便全部测试都经过,咱们能够再次看到绿色标记。

Visual Studio Code中顺畅的调试.NET Core应用程序

在这部分,咱们将了解如何在Visual Studio Code中顺畅的调试.NET Core应用程序。为了在Visual Studio Code中调试.NET Core应用程序,咱们须要为VS Code安装C#扩展。(上面咱们已经安装过了)

  1. 咱们首先在Calculator控制台程序的Program.cs文件中加入断点。与Visual Studio相似,咱们能够经过单击源代码文件的左边距,或者将光标放在一行代码上并按F9,在源代码中设置行断点。断点在编辑器的左边缘显示为红点。

  2. 要开始调试,请按F5。这将自动将调试器附加到咱们的Calculator应用程序来启动应用程序。咱们能够看到执行在咱们设置的断点处中止,这有助于咱们在调试时了解当前的程序状态。

    1541598520046

    这里须要注意下,须要修改launch.json中的对应路径以及项目名称为Calculator。

    1541598690693

  3. 咱们能够看到VS Code的Debug视图在编辑器的左侧打开。Debug视图显示与调试相关的全部信息。咱们还能够注意到编辑器顶部出现了一个调试工具栏。调试时,调试工具栏可用于代码导航选项。这里调试试图的大部分功能跟vs2017差很少,所以这里不作过多地阐述了。

总结

在本文中,我已经为你们一步一步的经过图文教程解释了如何在Visual Studio Code中进行.NET Core程序的开发,测试以及调试。赶忙下载一个试试吧!你会发现你会愈来愈喜欢他的!
本文参考:https://www.c-sharpcorner.com/article/create-a-net-core-development-environment-using-visual-studio-code2/

相关文章
相关标签/搜索