net

ASP.NET Core 2 学习笔记(一)开始

2019-05-23  本文已影响24人  懒懒的程序员一枚

前言

要开发.NET Core必须要安装.NET Core SDK,所以先到官网下载.NET Core SDK的安装文件,官网下载位置 点我。.NET Core作为跨平台的框架,不再像 .NET Framework 要依附在 Windows系统才能运行,所以你可以按照你需要的版本进行下载及安装。
安装完成后,可以通过 .NET Core CLI(Command-Line Interface)确认.NET Core SDK安装的版本,指令如下:

dotnet --version

建立网站项目

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

dotnet new web
1215970-20180521155417121-480152388.png

.NET Core CLI 会在该文件夹,创建一个空的 ASP.NET Core 模板,內容如下:


1215970-20180521155647445-524159580.png

obj/                            # 项目暂存目录

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

MyWebsite.csproj                # 项目文件

Program.cs                      # 入口

Startup.cs                      # 网站的相关设置

启动网站

创建完成后,就可以用 .NET Core CLI 启动网站了。启动网站指令:

dotnet run

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

1215970-20180521160433102-709714158.png

用VS 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#插件安装。如下图:


1215970-20180521161424135-187915558.png

打开项目

VS Code 和一般的文字编辑器有些不同,它是以文件夹为工作区域,打开一个目录,就等于打开了一个项目。从上方工具栏中文件->打开文件夹 选择ASP.NET Core项目目录,大概隔几秒后,VS Code 会提示是否要帮此项目加入Build/Debug的设置。如下图:


1215970-20180521162332723-207649579.png

Build/Debug 设置

如果沒有自动提示加入 Build/Debug 设置,可以在左边 Icon,点击倒数第二個 Debug 图标,手动加入 Build/Debug 设置(添加配置)。如下步骤:


1215970-20180521162740331-1294321309.png
1215970-20180521162818002-1947820467.png

设置完成后,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 侧栏启动查错:


1215970-20180521163656972-1796296117.png

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

1215970-20180521163739840-1815116915.png

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

上一篇下一篇

猜你喜欢

热点阅读