Visual Studio Code(VS Code)是Microsoft為Windows,Linux和Mac作業系統開發的免費,跨平臺,輕量級的原始碼編輯器,它是原始碼編輯器,而Visual Studio是IDE(整合開發環境),VS Code支援開發人員進行除錯,專案執行和版本控制等。
在這篇文章中,我們將學習有關使用 Visual Studio Code開發,除錯,測試和部署ASP.NET Core應用程式的資訊,它將包括:
- 安裝必須的外掛
- 建立一個.NET Core 應用程式
- 如何執行專案
- 如何設定斷點和除錯
- 執行單元測試用例
- 優勢和侷限性
- 命令,快捷鍵和擴充套件
先決條件
你需要在你的電腦上安裝以下軟體和sdk
- .NET Core SDK
- Node.js
- Visual Studio Code
安裝必要的外掛
1.安裝 C# extensions ,這是開發 .NET Core應用程式所必需的,要開啟擴充套件程式列表,請選擇選單左側的擴充套件程式圖示,或使用 Ctrl + Shift + X
快捷鍵, 請參考以下截圖。
- 然後安裝 NuGet Gallery,這個可以在VS Code 中管理Nuget包。
建立一個 .NET Core 應用程式
在本地建立一個資料夾 dotnet
, 然後按住 Shift + 滑鼠右鍵
, 選擇 在此處開啟 Powershell
, 輸入 dotnet new
,會列出所有的模板專案
這裡我輸入 dotnet new mvc
,建立一個MVC專案,會程式專案檔案,然後輸入 dotnet new sln
,生成一個解決方案,最後用 VS Code 開啟這個資料夾
執行專案
現在,讓我們在VS Code編輯器中執行和除錯原始碼, 要執行原始碼,我們可以:
- 在dotnet run命令中使用命令列工具。
- 像在Visual Studio中一樣,在VS Code中使用內建的執行選項。
通過使用命令列工具,我們只能執行原始碼, 它不會在瀏覽器中附加VS Code來顯示結果,如果要瀏覽器與編輯器連線,我們應該在dotnet run命令中使用一些附加命令,因此,最好使用內建選項在VS Code上執行和除錯原始碼。
在啟動原始碼之前,我們應該新增 task.json檔案,然後構建原始碼
- 使用快捷鍵
Ctrl + Shift + P
開啟命令皮膚 - 在命令皮膚選擇
Tasks: Configure Task
- 在命令皮膚選擇
Create tasks.json file from template
,然後再選擇 .NET Core
- 使用左側選單中的
Run
選項,我們可以執行原始碼並對其進行除錯,單擊執行時,需要建立launch.json
檔案,launch.json檔案具有執行和除錯原始碼的配置,如果沒有該檔案,則無法在VS Code中進行除錯
這裡我們建立json檔案,然後手動修改啟動dll的位置,修改 "program": "${workspaceFolder}/bin/Debug/net5.0/dotnet.dll", 然後直接執行
現在,.NET Core應用程式將在瀏覽器視窗中啟動,並且我們啟動了不使用 Visual Studio的.NET Core應用程式。
如何設定斷點和除錯源
VS Code中的斷點與Visual Studio中的斷點相同,我們可以在程式碼的左側來設定斷點。
執行單元測試用例
為了執行單元測試用例,命令列有一個單獨的命令,該命令可以執行專案中所有的測試用例,可以使用以下命令,輸出將顯示在輸出視窗中,這與Visual Studio是一樣的。
dotnet test
前面的命令僅提供了整體執行測試用例的條件,我們不能除錯測試,與Visual Studio中的測試資源管理器類似,VS Code也具有 .NET Core Test Explorer 擴充套件,這個擴充套件會列出我們專案中的測試用例,它還使您可以執行所有測試用例,執行單個測試用例以及除錯測試用例。
優點
- 與Visual Studio一樣,Visual Studio Code也具有用於執行和除錯原始碼的工具:監視視窗,除錯控制檯,錯誤視窗,輸出視窗,測試資源管理器和版本控制。
- 由於VS Code比Visual Studio快,因此我們將獲得更好的體驗。
- 由於它是開源的,我們可以免費使用它。
- VS Code提供了許多擴充套件,這些擴充套件將帶給我們原生的感覺,就像我們在使用Visual Studio一樣。我們唯一需要做的就是在開始開發之前確定最佳擴充套件並進行配置。
侷限性
- VS Code僅支援ASP.NET Core
- Visual Studio是一個現成的工具,用於開發和部署ASP.NET Core專案,使用VS Code時,必須花費大量時間來安裝和配置擴充套件。
Visual Studio Code上的快捷方式
- Ctrl + Shift + P - 命令皮膚
- Ctrl + Shift + D - 執行視窗
- Ctrl + Shift + U - 輸出”視窗
- Ctrl + Shift + Y - 除錯控制檯
- Ctrl + Shift + M - 問題(錯誤和警告視窗)
- Ctrl + Shift + X - 擴充套件視窗
dotnet 常用命令
- dotnet new - 建立一個新的.NET Core專案模板
- dotnet restore - 還原NuGet軟體包
- dotnet build - 構建原始碼
- dotnet run - 執行原始碼
- dotnet test - 執行測試用例
- dotnet publish - 在主機環境中釋出源
- dotnet new sln-為所選專案建立解決方案檔案
總結
在本篇文章中,我們演示瞭如何在VS Code 中執行和除錯.NET Core 專案,雖然現在的支援和體驗還不是很好,但是 VS Code 的優勢在於輕量級和靈活性,希望以後在VS Code 上寫C#也可以得心應手。
原文作者: Mathankumar Rajendran
原文連結: https://www.syncfusion.com/blogs/post/how-to-develop-an-asp-net-core-application-using-visual-studio-code.aspx
最後
歡迎掃碼關注我們的公眾號 【全球技術精選】,專注國外優秀部落格的翻譯和開源專案分享,也可以新增QQ群 897216102