图解利用VS Code进行ASP.NET Core 2.0开发

本篇经验将和大师介绍操纵VS Code进行ASP.NET Core 2.0开辟的方式，但愿对大师的工作和进修有所帮忙！

成立网站项目

1. 1

   先成立一个项目文件夹 MyWebsite，然后在该文件夹中执行.NET Core CLI 建立网站的指令：

   dotnet new web

   ，如下图所示：

   
2. 2

   .NET Core CLI 会在该文件夹，建立一个空的 ASP.NET Core 模板，內容如下图所示：

   此中：

   obj/                        # 项目暂存目次

   wwwroot/               # 网站根目次 (空的)

   MyWebsite.csproj    # 项目文件

   Program.cs              # 进口

   Startup.cs                # 网站的相关设置

   
3. 3

   启动网站，建立完当作后，就可以用 .NET Core CLI 启动网站了。启动网站指令：

   dotnet run

   .NET Core CLI 默认会启动一个http://localhost:5000/的站点，用浏览器打开此链接就可以看到 ASP.NET Core 网站了，如下图所示：

   

利用VS Code进行开辟

1. 1

   安装插件，打开VS Code 可以在左边看到五个Icon，点击最下面的那么Extensions图标，并在Extensions搜刮框中输入C#,便可以找到C#插件安装，如下图所示：

   
2. 2

   打开项目

   VS Code 和一般的文字编纂器有些分歧，它是以文件夹为工作区域，打开一个目次，就等于打开了一个项目。从上方东西栏中文件->打开文件夹 选择ASP.NET Core项目目次，大要隔几秒后，VS Code 会提醒是否要帮此项目插手Build/Debug的设置，如下图所示：

   
3. 3

   Build/Debug 设置

   若是沒有主动提醒插手 Build/Debug 设置，可以在左边 Icon，点击倒数第二個 Debug 图标，手动插手 Build/Debug 设置（添加设置装备摆设），如下图所示：

   
4. 4

   设置完当作后，VS Code 会主动建立 .vscode 目次及设置文件 launch.json、tasks.json，目次布局，如下图所示：

   
5. 5

   断点调试

   在代码行号的左边点击就可以下中短浅了，跟一般 IDE 差不多。然后在 Debug 侧栏启动查错，如下图所示：

   
6. 6

   当执行到该断点后，就会停下來，并在 Debug 侧栏显示当前变量的状况等，也可以用鼠标移到变量上查看变量的內容，如下图所示：