Jak skonfigurować VS Code z C# Dev Kit na Linuxie

VS Code nie jest Visual Studio

[0:42 - 1:59] Tim zaczyna od wyjaśnienia, które wprawia wielu ludzi w błąd: Visual Studio i Visual Studio Code to różne produkty. Visual Studio to pełne IDE, które działa tylko na Windows, ponieważ jest powiązane z bibliotekami specyficznymi dla tego systemu. VS Code to lekki, wielopłatformowy edytor tekstu, który z rozszerzeniem C# Dev Kit staje się w pełni funkcjonalnym środowiskiem pracy dla większości zadań .NET.

Różnica ma znaczenie w praktyce, ponieważ Visual Studio nie można zainstalować na Linux w ogóle. VS Code to przyszłościowa droga.

Instalacja VS Code

[1:59 - 3:46] Proces instalacji jest prosty. Pobierz plik .deb ze strony Visual Studio Code, otwórz go, a resztą zajmie się menedżer pakietów.

Jednym z użytecznych efektów tej instalacji jest to, że automatycznie dodaje repozytorium pakietów Microsoftu do apt, co oznacza, że VS Code pozostaje na bieżąco w ramach normalnego procesu aktualizacji systemu. Bez tego musiałbyś ręcznie dodać repozytorium i jego certyfikat podpisujący.

Po zainstalowaniu przypnij VS Code do paska zadań dla łatwego dostępu.

Dodawanie rozszerzenia C# Dev Kit

[4:44 - 5:47] Otwórz panel Rozszerzeń i wyszukaj "C#". Pierwszym wynikiem powinien być C# Dev Kit od Microsoft. Na czas nagrywania wideo, ma prawie 14 milionów pobrań.

Rozszerzenie to znaczące ulepszenie w porównaniu do zwykłego edytowania tekstu dla pracy z C#.

Zainstaluj je z włączonym automatycznym aktualizowaniem.

Wymóg licencyjny

[5:47 - 8:03] Po instalacji, C# Dev Kit prosi o zalogowanie się przez konto Microsoft w celu licencjonowania. Debugger C# firmy Microsoft jest własnościowy, dlatego wymagańa jest autoryzacja przed pełnym doświadczeniem debugowania.

Warunki są liberalne: darmowe dla indywidualnych deweloperów, darmowe dla firm z mniejszą liczbą niż pięciu deweloperów osiągających mniej niż milion dolarów rocznie, a jedynie płatna Licencja Professional jest wymagańa ponad tym progiem.

Tworzenie aplikacji webowej Blazor

Z skonfigurowanym VS Code, Tim tworzy nowy projekt bezpośrednio z IDE. Używając komendy "Create .NET Project", wybiera szablon aplikacji webowej Blazor i konfiguruje ją z HTTPS, trybem interaktywnym auto oraz dołączonymi przykładowymi stronami.

Po wdrożeniu projektu, Eksplorator Rozwiązania pojawia się po lewej stronie, pokazując strukturę projektu w układzie podobnym do Visual Studio.

Uruchamianie i debugowanie

Aby uruchomić aplikację, użyj Uruchom i Debuguj z paska bocznego i wybierz profil uruchomienia HTTPS. VS Code buduje projekt i otwiera go w domyślnej przeglądarce.

Tutaj Tim napotyka znaną regresję w .NET SDK 10.0.103: certyfikaty dewelopera nie instalują się poprawnie z powodu konfliktu scałania w buildzie SDK. Przeglądarka wyświetla ostrzeżenie o niezaufanym certyfikacie.

Obejściem jest przeskoczenie przez ostrzeżenie przeglądarki ("Zaawansowane", a potem "Kontynuuj"). Strona działa poprawnie na SSL po tym kroku. Powrót do SDK 10.0.102 lub aktualizacja do 10.0.104 rozwiązuje to na stałe.

Pomimo problemu z certyfikatem, wszystkie domyślne strony (strona domowa, licznik, pogoda) ładują się poprawnie.

Włączanie hot reload

Domyślnie hot reload jest wyłączony w VS Code. Tim pokazuje to, zmieniając "Hello, World" na "Hello, YouTube" i widząc brak aktualizacji w przeglądarce nawet po zapisaniu i odświeżeniu.

Włączenie tego wymaga dwóch ustawień w VS Code:

Po włączeniu obu ustawień, zrestartuj sesję debugowania. Ikona płomienia pojawia się na pasku narzędzi, potwierdzając, że hot reload jest aktywny. Zapisanie pliku Razor teraz natychmiast odzwierciedla zmianę w przeglądarce.

Co możesz, a czego nie możesz budować na Linux

[16:59 - 18:00] Tim krótko eksploruje dostępne szablony projektów i zauważa ważną rzecz: wszystko z "Windows" w nazwie (WinForms, WPF, UWP) nie będzie dostępne, ponieważ te frameworki są związane z platformą Windows.

Co działa na Linux obejmuje wszystko co wielopłatformowe w ekosystemie .NET: aplikacje webowe, API ASP.NET Core, usługi gRPC, biblioteki klas, aplikacje konsolowe, projekty testowe i usługi robocze.

Dla aplikacji desktopowych na Linux, Uno Platform (używając XAML i MVVM/MVUX) jest wspomniana jako temat przyszłego odcinka budowania wielopłatformowych aplikacji desktopowych.

Zakończenie: Pełne środowisko C# na Linux

[18:02 - 18:28] Do końca przewodnika, każdy element przepływu pracy rozwojowej jest na miejscu: edytowanie, budowanie, debugowanie i aktualizacja na żywo działają w ramach VS Code na Linux. Otworzenie istniejącego, wielopłatformowego projektu .NET z innej maszyny powinno działać bez zmian.

Wnioski

[18:02 - 19:07] Podsumowując: VS Code z C# Dev Kit daje Linux pełną konfigurację rozwoju w C#. Instalacja to pobrany plik .deb i jedno rozszerzenie. Hot reload jest domyślnie wyłączony, ale włączenie go zajmuje mniej niż minutę z panelu ustawień. A problem z certyfikatem deweloperskim w SDK 10.0.103 znika w 10.0.104.

Większość typów projektów .NET, które używałbyś w produkcji (aplikacje webowe, API, usługi, biblioteki) działa identycznie na Linux. Te, które nie działają, są wyraźnie zaprojektowane wokół specyficznych dla Windows frameworków interfejsu użytkownika, co jest oczekiwaną granicą.

Więc następnym razem, gdy ustawisz nową maszynę Linux do rozwoju, całe środowisko zestawi się w ciągu kilku minut. Jedyną konfiguracją, która nie jest oczywista od razu, jest hot reload, a teraz wiesz dokładnie, gdzie ją znaleźć.

Przykład wskazówki: Jeśli hot reload nie działa po włączeniu ustawień, upewnij się, że całkowicie zatrzymałeś i zrestartowałeś sesję debugowania. Ikona płomienia w pasku narzędzi debugowania potwierdza jej aktywność. Jeśli ikona nie pojawia się, stara sesja nadal działa bez nowych ustawień.

Obejrzyj pełne wideo na jego kanale YouTube Kanał i dowiedz się więcej na temat rozwoju w C# na Linux.