[铁人赛] ASP.NET Core 2 系列- 从头开始

来势汹汹的.NET Core似乎要取代.NET Framework，ASP.NET也随之发布.NET Core版本。虽说名称沿用ASP.NET，但相较于ASP.NET确有许多架构上的差异，可说是除了名称外，已是两个不同的框架。
本系列文将介绍ASP.NET Core入门教学及一些实务运用的范例，本篇主要介绍基本的ASP.NET Core环境准备及如何用Visual Studio Code (VS Code)开发ASP.NET Core。

同步发布至个人部落格：
John Wu's Blog - [铁人赛Day01] ASP.NET Core 2系列-从头开始

前言

要开发.NET Core必需要安装.NET Core SDK，所以先到官网下载.NET Core SDK的安装档，官网下载位置点我。

.NET Core是跨作业系统的框架，不再像.NET Framework要依附在Windows的作业系统才能执行，所以你可以依照你需要的版本进行下载及安装。
虽然我的电脑是Windows作业系统，但接下来的系列教学都会是以指令为主。
(安装软体步骤太简单，除了按下一步以外，几乎没什么好解说的，所以不介绍怎么安装软体。)

安装完成后，可以透过.NET Core CLI (Command-Line Interface)确认.NET Core SDK 安装的版本，指令如下：

dotnet --version

建立网站专案

先建立一个专案资料夹MyWebsite，然后在该资料夹执行.NET Core CLI建置网站的指令：

dotnet new web

.NET Core CLI 会在该资料夹，建立一个空的ASP.NET Core 专案，内容如下：

obj/                            # 專案暫存目錄
wwwroot/                        # 預設網站根目錄 (空的)
MyWebsite.csproj                # 專案檔
Program.cs                      # 程式進入檔
Startup.cs                      # 啟動網站設定

启动网站

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

dotnet run

.NET Core CLI预设会起一个http://localhost:5000/的站台，用浏览器打开此连结就可以看到ASP.NET Core网站了。如下：

Visual Studio Code

.NET Core 都已经跨作业系统了，开发工具当然也就不再限制于Visual Studio IDE (Visual Studio 2017/2015 等)。基本上纯文字编辑器搭配.NET Core CLI 就可以开发ASP.NET Core 了，但没有中断点除错或Autocomplete 开发有些辛苦。如果是Windows 作业系统，最推荐的当然还是Visual Studio IDE，再来就是Visual Studio Code (简称VS Code)。

VS Code是一套可安装扩充套件的文字编辑器，有支援Windows、Mac及Linux版本，极轻量又免费。
只要安装扩充套件就变成了IDE，并且支援多种不同的程式语言。下载位置点我。

安装扩充套件

打开VS Code可以在左边看到五个Icon，点选最下面的那个Extensions图示，并在Extensions搜寻列输入C#，便可以找到C#的扩充套件安装。如下图：

开启专案

VS Code跟一般文字编辑器有些不同，它是以资料夹为工作区域，开启一个目录，就等通于是开启一个专案。从上方工具列File -> Open Folder选择ASP.NET Core专案目录，大概隔几秒后，VS Code会提示是否要帮此专案加入Build/Debug的设定。如下图：

Build/Debug 设定

如果没有自动提示加入Build/Debug 设定，可以在左边Icon，点选倒数第二个Debug 图示，手动加入Build/Debug 设定。如下步骤：

设定完成后，VS Code会自动建立.vscode目录及设定档launch.json、tasks.json。目录结构如下：

.vscode/                        # VS Code 設定檔目錄
  launch.json                   # 用 VS Code 啟動程式的設定檔
  tasks.json                    # 定義 launch.json 會用道的指令設定檔
obj/                            # 專案暫存目錄
wwwroot/                        # 預設網站根目錄 (空的)
MyWebsite.csproj                # 專案檔
Program.cs                      # 程式進入點
Startup.cs                      # 啟動網站設定

中断点除错

在程式码行号左边点击滑鼠就可以下中断点了，跟一般IDE 差不多。然后在Debug 侧栏启动侦错：

当执行到该中断点后，就会停下来，并在Debug 侧栏显示当前变数状态等，也可以用滑鼠移到变数上面检视该变数的内容。如下：

侦错方式跟大部分的IDE都差不多，可以Step over、Step in/out等。
如此一来就可以用VS Code轻松开发ASP.NET Core。

转载自：https://blog.johnwu.cc/article/ironman-day01-asp-net-core-starting.html