Szukaj…


Wprowadzenie

W tym artykule omówiono konfigurację i instalację rdzenia Asp.Net z kodem Visual Studio. Utwórz także podstawowy szablon MVC i debugowanie.

Kroki, które należy wykonać poniżej ...

Krok 1 - instalacja kodu Visual Studio.

Krok 2 - Konfiguracja rdzenia .Net i C #.

Krok 3 - Utwórz podstawowy szablon MVC.

Krok 4 - Uruchom i debuguj aplikację.

Uwagi

Ten artykuł ma zamiar skonfigurować od zera za pomocą kodu Visual Studio Open Source oraz tworzyć i debugować podstawowe aplikacje mvc .NET Core.

  • Lokalizacja pliku używana powyżej to zmiana według użytkowników, bez ograniczeń.
  • Potrzebujesz internetu do pobierania ustawień.

Krok 1 - Instalacja kodu Visual Studio


wprowadź opis zdjęcia tutaj


  • Przejdź do pobranego pliku w swoim lokalnym.

wprowadź opis zdjęcia tutaj

  • Poniżej przedstawiono kroki instalacji

wprowadź opis zdjęcia tutaj

wprowadź opis zdjęcia tutaj

wprowadź opis zdjęcia tutaj

wprowadź opis zdjęcia tutaj

wprowadź opis zdjęcia tutaj

wprowadź opis zdjęcia tutaj

wprowadź opis zdjęcia tutaj

wprowadź opis zdjęcia tutaj

Instalacja zakończyła się pomyślnie.

Krok 2 - Konfiguracja rdzenia .Net i C #.

Po zainstalowaniu kodu Visual Studio skonfiguruj .net core i C #.

wprowadź opis zdjęcia tutaj

  1. Uruchom kod Visual Studio.
  2. Naciśnij [ ctrl + P ]
  3. wklej „ ext install csharp ” to i naciśnij.

Po wykonaniu powyższych kroków rozszerzenie C # dostępne w VS Code.

wprowadź opis zdjęcia tutaj

  • Teraz skonfiguruj rdzeń .net.

Pobierz .net core sdk tutaj . Wybierz Windows => CommandLine.

wprowadź opis zdjęcia tutaj

Zainstaluj SDK jak poniżej.

wprowadź opis zdjęcia tutaj

wprowadź opis zdjęcia tutaj

wprowadź opis zdjęcia tutaj

Instalacja SDK .Net core zakończyła się powodzeniem.

Krok 3 - Utwórz podstawowy szablon MVC.


  • Utwórz nowy folder projektu i otwórz w wierszu polecenia systemu Windows z lokalizacją folderu projektu.

wprowadź opis zdjęcia tutaj

  • Wpisz „ dotnet new -t web ” i naciśnij. Służy do tworzenia nowego szablonu mvc.

wprowadź opis zdjęcia tutaj

  • Po zakończeniu. PRZEJDŹ do lokalizacji projektu i sprawdź, czy utworzono podstawowy projekt mvc.

wprowadź opis zdjęcia tutaj

  • Następnie wpisz „ przywracanie dotnet ” i naciśnij. Służy do przywracania wszystkich pakietów z pliku project.json.

wprowadź opis zdjęcia tutaj

wprowadź opis zdjęcia tutaj

  • Teraz uruchom VScode i otwórz folder projektu.

wprowadź opis zdjęcia tutaj

wprowadź opis zdjęcia tutaj

Teraz możesz wreszcie zobaczyć projekt mvc w kodzie VS.

Wszystkie podstawowe pliki struktury mvc, które możesz zobaczyć. [Model-View-Controller]

Krok 4 - Uruchom i debuguj aplikację.

Otwórz folder projektu w VScode.

Próbka tutaj Ustawiam punkt przerwania w kontrolerze domowym.

wprowadź opis zdjęcia tutaj

Teraz kliknij opcję debugowania.

wprowadź opis zdjęcia tutaj

dodaj konfigurację debugowania jak poniżej. Upewnij się, że wybrano .Net core Launch (web).

wprowadź opis zdjęcia tutaj

wprowadź opis zdjęcia tutaj

Możesz zobaczyć punkt przerwania uderzy, gdy zaczniesz debugować, naciskając ikonę uruchamiania.

Następnie daj dalej. Strona internetowa wyświetli się w przeglądarce jak poniżej. wprowadź opis zdjęcia tutaj

Strona internetowa jest uszkodzona.

Naciśnij „ F12 ” lub otwórz narzędzie programistyczne.

Możesz zobaczyć błędy w konsoli.

wprowadź opis zdjęcia tutaj

Kilka plików bootstrap i jquery nie zostało załadowanych.

[Znajdź skrypt i pliki css przez Ctrl + Shift + F w kodzie VS i wprowadź nazwę pliku i wyszukaj.]

Napraw to, dodając skrypty z cdn lub dokładną lokalizacją pliku w pliku układu.

wprowadź opis zdjęcia tutaj

Teraz odśwież stronę i obejrzyj.

wprowadź opis zdjęcia tutaj

Teraz strona wydaje się w porządku i nie ma już w końcu błędu konsoli.

Szczęśliwego kodowania.



Modified text is an extract of the original Stack Overflow Documentation
Licencjonowany na podstawie CC BY-SA 3.0
Nie związany z Stack Overflow