Visual Studio 2026 i ASP.NET Core — środowisko pracy

Zanim napiszesz jakikolwiek kod, musisz mieć gotowe, poprawnie skonfigurowane środowisko pracy. W tym dziale będziesz łączyć DWIE technologie naraz (Angular na front-endzie, ASP.NET Core na backendzie) — dobra wiadomość jest taka, że Visual Studio 2026, którego używałeś już w działach WPF i MAUI, obsługuje OBIE naraz, w jednym miejscu. Ta lekcja tłumaczy, dlaczego akurat to środowisko, co ono realnie daje, i czego dodatkowo będziesz potrzebować.

Dlaczego Visual Studio, a nie inny edytor? Do tworzenia aplikacji webowych można używać wielu narzędzi — Visual Studio Code, WebStorm, a nawet zwykłego edytora tekstu z terminalem. Kurs bitedu.pl konsekwentnie wybiera Visual Studio 2026 (pełną, "dużą" wersję, nie mylić z Visual Studio Code — to DWA różne produkty Microsoftu), bo:

• to TO SAMO IDE, którego używałeś w działach WPF i MAUI — mniej rzeczy do nauczenia się na nowo (te same skróty klawiszowe, ten sam debugger, ten sam Eksplorator rozwiązań);
• ma OFICJALNE, gotowe szablony projektów łączące ASP.NET Core z Angularem w jednym rozwiązaniu (solution) — nie trzeba ręcznie "sklejać" dwóch osobnych projektów;
• ma wbudowaną obsługę TypeScriptu i npm (menedżera pakietów Node.js) — dodatkowe narzędzia frontendowe działają "od ręki" po doinstalowaniu jednego obciążenia (workload);
• potężny debugger pozwalający stawiać punkty przerwania (breakpointy) zarówno w kodzie C# (backend), jak i — po skonfigurowaniu — w kodzie TypeScript (frontend).

Plusy i minusy tego środowiska (uczciwe zestawienie, bez pomijania wad):

Plusy	Minusy
Jeden program do backendu i frontendu naraz	Cięższe, wolniej się uruchamia niż lekki edytor typu VS Code
Świetny debugger i IntelliSense (podpowiedzi kodu) dla C#	Wsparcie dla TypeScript/Angular jest dobre, ale NIE tak rozbudowane jak w dedykowanych narzędziach (VS Code + rozszerzenia, WebStorm)
Gotowe szablony projektów (mniej ręcznej konfiguracji na start)	Wymaga dużo miejsca na dysku i pamięci RAM
Spójność z resztą kursu (WPF, MAUI) — jedno środowisko do wszystkiego	W prawdziwej pracy zawodowej programiści Angular często preferują VS Code — warto znać obie opcje

Co realnie możemy zrobić w Visual Studio 2026 w kontekście tego działu: utworzyć nowy projekt z szablonu łączącego ASP.NET Core i Angular, edytować kod C# (backend) z pełnym IntelliSense, edytować pliki TypeScript/HTML Angulara (podstawowe podświetlanie składni i uzupełnianie), uruchomić CAŁĄ aplikację (backend + frontend naraz) jednym kliknięciem "Uruchom", debugować backend krok po kroku, oraz korzystać z wbudowanego terminala do poleceń npm/ng (Angular CLI).

Co MAMY domyślnie po instalacji Visual Studio 2026 z obciążeniem "ASP.NET and web development": kompilator C#, .NET SDK, szablony projektów ASP.NET Core, oraz (w nowszych wersjach) zintegrowaną obsługę Node.js.

Czego DODATKOWO potrzebujemy (trzeba zainstalować OSOBNO, poza samym Visual Studio):

Narzędzie	Po co	Skąd wziąć
Node.js (wersja LTS)	środowisko uruchomieniowe JavaScript/TypeScript poza przeglądarką — Angular go potrzebuje do budowania i uruchamiania projektu	nodejs.org
Angular CLI	narzędzie wiersza poleceń do tworzenia projektów/komponentów Angular jedną komendą	npm install -g @angular/cli (po zainstalowaniu Node.js)
Obciążenie "Node.js development" w instalatorze Visual Studio	integracja edytora z projektami Node.js/Angular wewnątrz Visual Studio	Visual Studio Installer → Modyfikuj

Bez zainstalowanego Node.js szablon projektu "ASP.NET Core with Angular" w ogóle się NIE uruchomi poprawnie — Visual Studio w tle wywołuje polecenia npm install/ng serve, które wymagają obecności Node.js w systemie.