Visual Studio Code (以下簡稱 VS Code)真是一個非常強大的 IDE,甚至感覺比起 Visual Studio 還要好用!接下來,就介紹一下如何使用 VS Code 就可以進行 .NET CORE的開發。
由於現在 .NET 5.0 之後,就可以支持跨平台且都是以 CORE 為主的,所以已可以直接使用 VS CODE進行開發了,接下來就先說一下我為什麼要使用 VS Code 開發吧:smiley:
VS Code 是一個輕量級的程式碼編輯器,相較於 Visual Studio(以下簡稱 VS)具有以下幾個優點:
VS Code 是一個輕量級應用程式,啟動速度快且佔用的系統資源少。相較於 VS 的完整集成開發環境,VS Code 的執行效能更優。
VS Code 可在 Windows、macOS 和 Linux 等多個作業系統上運行,使開發者能夠在不同平台上保持一致的開發環境。
VS Code 提供了豐富的擴充套件,可以根據開發需求自由擴展功能。開發者可以根據自己的需求安裝各種語言支援、代碼片段、主題等擴充套件,使編輯器更符合個人喜好和工作流程。而這一點,也是我非常喜歡它的原因之一!通過各種套件,可以大大地提高開發效率,這一點是 VS 很難比及的。
這個雖然並不是非常硬性的要求,但不得不說,我使用 VS Code 在很大程度上,與這是有很大關係的,因為一套好的主題,代碼看上去會感覺非常舒服,畢竟你將會長時間對著它工作的哦,所以當然應該對自己的眼睛好些,好的主題也會讓心情更好哦 :laughing:
VS Code 內建了 Git 版本控制的支援,可透過界面進行版本控制操作,並提供直觀的差異比較和合併工具。這使得在進行協同開發或者個人項目管理時更加方便。雖然這點在 VS 裏也支持,但對比起來因為 VS Code 的擴充套件的強大,在版本控制方面做得非常出色,如比較有名且好用的就有 GitLen
VS Code 具備內建的終端機功能,讓開發者可以在編輯器內執行指令,如啟動伺服器、執行測試等。這種無需切換到其他工具的方式能提高工作效率。這個也是非常吸引我的功能,就是因為這個終端機的存在,才讓直接在上面開發 .NET Core 更加方便,因為要經常使用到各種指令行,即使在開發 Angular 的時候也是需要一些指令行的使用,而且直接打開時就會自動跳到當前專案下的資料夾,非常方便!
VS Code 是一個開源項目,擁有龐大的使用者社群,因此有大量的教學、解決方案和資源可供參考。開發者可以輕鬆找到相關資源並快速解決問題。這個是開源項目的優勢,因為其社群的強大,也直接導致其功能的強大,更新頻率也非常快,可以不斷修復各種問題。
特別在開發 .NET Core + Angular 項目時,可直接很好支持 Angular,這時就不需要2個 IDE 同時使用,節省不少系統資源!
如果你之前並沒有安裝過 VS ,也沒嘗試過 .NET 相關開發的話,首先就是要到微軟官網下載相關的 SDK
https://dotnet.microsoft.com/en-us/download
要讓 VS Code 很好地支持 .NET Core,需要安裝以下的套件:
通過這個套件,可以讓你直接在 VS Code 裏為專案進行編譯、創建、和添加引用等多項操作:
使用各種 .NET 的模板去創建專案或者相關的文件,就和在 VS 裏創建一樣的效果,非常方便
這個套件可以為你提供創建多種 .NET 文件的模板。如創建一個 Class 或 Interface 文件,直接幫你生成相關的文件模板
這個套件能讓你的 .NET 專案和在 VS 裏打開有一樣的效果哦!直接可以以一個 Solution 的方式去查看和管理你的專案目錄,然後只要用鼠標右鍵點相應的項目組,就可以進行相關的操作
安裝後會在左側看到一個 VS 的圖標,點進去後就可以直接打開 .sln
解決方案文件,然後瀏覽了
這個看名字就知道是做什麼的了,沒錯,就是幫你到 NuGet 安裝相關 Package 的。其界面相當直觀方便,而且可以一次為多個項目組進行安裝,感覺比 VS 裏的那個還要好用哦
OK,基本的幾個套件就介紹這麽多先,以後將會做一篇專門介紹 VS Code 好用套件的文章。對於要開發 .Net Core ,以上介紹的幾個套件已完全夠用了 :smiley:
接下來,就讓我們嘗試一下完全使用 VS Code 來創建一個完整的 .Net Core 專案吧!
如建立名為 001
的資料夾,然後直接拖進到 VS Code 裏,再通過上面的菜單按鈕鍵打開終端機
打開 VS Code 指令行,輸入 dce new
即可創建一個新的 Project:
選擇 DotNet Core
然後選擇 C#
,就會出現多種專案的模板列表
這次我們選擇 ASP.NET Core Web API
,直接創建一個 API 的專案,然後第一個要輸入的是整個解決方案的名稱,如我這裏輸入 MyDemo
,接下來就要輸入這個專案組的名稱,如我輸入 MyDemo.API
,然後就是生成以下結構的完整的專案
到了最後一步,就是要測試一下我們創建的專案是否可以正常運行起來啦!這裏有2種方式運行的,一種是直接在終端機裏以指令行方式啟動,另一種就是以調試的方式啟動,現在我們分別嘗試2種方式:
在終端機裏打開專案的目錄,以上面我的例子來說,就是 MyDemo\MyDemo.API
,然後執行以下指令:
dotnet watch run
之所以要使用 watch
,是為了可以即時觀察所有代碼上的改動,只要有改動過,就會自動更新網站,可以即時看到更改後的效果,非常方便哦,這一點就算使用 VS 也做不到的。
運行完後,就會看到以下界面,同時就會自動打開 Swagger
的API頁面了
Swagger API 文檔的頁面
點擊左側欄的小角型的調試按鈕,直接點 Run and Debug
按鈕,這時就會彈出幾個選項,選第一個 .Net 5+ and .Net Core
就可以了,這時就自動幫你創建出調試所需的配置文件
這時在右下角會出現一個提示框,只要點 『YES』就好了
然後會創建一調試的配置文件,這時再回到調試窗口,點上面綠色的小三角進行啟動即可
不過這時直接打開的 URL 是訪問不了的,要手動輸入 Swagger API 的 URL 即可,這裏面可以直接在裏面加載斷點然後進行調試了!
以上就是如何使用 VS Code 進行開發 .Net Core 的全部過程。整個過程其實也非常簡單方便,而且配合上 VS Code 的強大套件,會讓你之後的開發工作事半功倍哦!大家快嘗試一下吧:smirk: