1. 程式人生 > WINDOWS開發 >VS Code WebApi系列——1、配置

VS Code WebApi系列——1、配置

Knowledge should be Shared in Free.

最近在研究VS code下的webapi,看了很多文件,還是微軟官方的例子好,不過不太適應國人習慣,所以寫點東西。

直接了當

開發環境系統資訊:

os:windows 10 1909 64位;

vs code:1.45.1 system setup

net core sdk:1.1.14(x64)

net core version:3.1.201

安裝與配置:

1)vs code下載安裝

網址:https://code.visualstudio.com/#alt-downloads

選擇:

技術分享圖片

下載後安裝,一路next(想換安裝路徑的注意一下路徑選擇對話方塊)

2)net core下載安裝

網址:https://dotnet.microsoft.com/download

選擇:

技術分享圖片

一樣,一路next

3)開啟vs code,左側最後一個選項,Extension,安裝以下拓展

C#(必裝)

C# Extensions(必裝)

Visual Studio IntelliCode(必裝)

csharpwebapi(選裝)

Dotnet Core Essentials(選裝)

ASP.NET Core Snippets(選裝)

技術分享圖片

4)新建包(包就是資料夾),這裡選擇了DapWebApi資料夾

技術分享圖片

5)命令生成專案

首先,在vscode中新增工作區

技術分享圖片

6)資料夾上右鍵選擇Open in Terminal

技術分享圖片

7)在vs code下部生成的命令列中輸入如下命令:

dotnet new webapi,靜候片刻,等其執行完畢,即可得到如4)中的專案文件結構

8)新增實體資料夾Model,並在資料夾內新增實體類,如下圖所示

技術分享圖片

實體程式碼:

  

namespace****.Model { publicclassPerson { publicintId{get;set;} publicstringName{get;set;} publicintAge{get;set;} } }

9)控制器新增PersonControl,用實體list集合代替資料庫請求,程式碼如下:

usingSystem.Collections.Generic; using****.Model; usingMicrosoft.AspNetCore.Mvc;
namespace ****.Controllers { [ApiController] [Route("api/person")] publicclassPersonController:ControllerBase { privateList<Person>_listPerson=newList<Person>(){ newPerson(){Id=1,Name="小明",Age=12}, newPerson(){Id=2,Name="小紅",Age=13}, newPerson(){Id=3,Name="小強",Age=11}, };
[HttpGet] publicIActionResultGet() { returnnewJsonResult(_listPerson); } } } 10)編碼完成,左側倒數第二個按鈕,除錯, 技術分享圖片

在彈出的網頁中輸入webapi網址請求:https://localhost:5001/api/person,瀏覽器內應該顯示以下內容

技術分享圖片

如果以上步驟都正常實現了,那麼趕快樓下喝酒擼個串吧