Recherche…


Introduction

Cet article donne des idées sur la configuration et l'installation du noyau Asp.Net avec du code studio visuel. Créez également un modèle MVC de base et un débogage.

Les étapes impliquées ci-dessous ...

Étape 1 - installation du code Visual Studio.

Étape 2 - Configuration du noyau .Net et du C #.

Étape 3 - Créer un modèle MVC de base.

Étape 4 - Exécuter et déboguer l'application.

Remarques

Cet article est sur le point de configurer à partir de zéro avec Visual Studio Code Open Source et de créer et de déboguer des applications de base .net Core mvc.

  • L'emplacement du fichier utilisé ci-dessus est modifié selon les utilisateurs, sans contrainte.
  • Besoin d'Internet pour télécharger les configurations.

Étape 1 - Installation du code studio visuel


  • Téléchargez le code studio visuel ici Code Visual Studio . Sélectionnez votre programme d'installation cible [mac | windows | linux].

entrer la description de l'image ici


  • Accédez au fichier téléchargé dans votre fichier local.

entrer la description de l'image ici

  • Les étapes ci-dessous sont impliquées dans l'installation

entrer la description de l'image ici

entrer la description de l'image ici

entrer la description de l'image ici

entrer la description de l'image ici

entrer la description de l'image ici

entrer la description de l'image ici

entrer la description de l'image ici

entrer la description de l'image ici

L'installation s'est terminée avec succès.

Étape 2 - Configuration du noyau .Net et du C #.

Après avoir installé le code Visual Studio, configurez le core .net et le C #.

entrer la description de l'image ici

  1. Lancez le code Visual Studio.
  2. Appuyez sur [ ctrl + P ]
  3. coller " ext install csharp " ceci et frapper.

Une fois les étapes ci-dessus effectuées, l'extension C # est disponible dans le code VS.

entrer la description de l'image ici

  • Configurez maintenant le noyau .net.

Téléchargez .net core sdk à partir d' ici . Choisissez Windows => CommandLine.

entrer la description de l'image ici

Installez le SDK comme ci-dessous.

entrer la description de l'image ici

entrer la description de l'image ici

entrer la description de l'image ici

Installation du noyau .Net avec succès effectuée.

Étape 3 - Créer un modèle MVC de base.


  • Créez votre nouveau dossier de projet et ouvrez l'invite de commande Windows avec l'emplacement du dossier du projet.

entrer la description de l'image ici

  • Tapez " dotnet new -t web " et appuyez sur. Ceci est pour créer un nouveau modèle mvc.

entrer la description de l'image ici

  • Une fois terminé Aller à l'emplacement du projet et voir le projet mvc de base a été créé.

entrer la description de l'image ici

  • Puis tapez " dotnet restore " et appuyez sur. C'est pour restaurer tous les paquets à partir du fichier project.json.

entrer la description de l'image ici

entrer la description de l'image ici

  • Maintenant, lancez VScode et ouvrez le dossier du projet.

entrer la description de l'image ici

entrer la description de l'image ici

Maintenant, vous pouvez enfin voir le projet mvc dans le code VS.

Tous les fichiers de structure mvc de base que vous pouvez voir. [Model-View-Controller]

Étape 4 - Exécuter et déboguer l'application.

Ouvrez le dossier du projet dans VScode.

Échantillon ici, je mets en place le point de rupture dans le contrôleur de la maison.

entrer la description de l'image ici

Maintenant, cliquez sur l'option de débogage.

entrer la description de l'image ici

ajouter la configuration de débogage comme ci-dessous. Assurez-vous que .Net Core Launch (web) est sélectionné.

entrer la description de l'image ici

entrer la description de l'image ici

Vous pouvez voir que le point de rupture sera atteint, une fois que vous aurez commencé à déboguer en appuyant sur l'icône Run.

Ensuite, continuez. La page Web sera affichée dans le navigateur comme ci-dessous. entrer la description de l'image ici

La page Web semble brisée.

Appuyez sur " F12 " ou ouvrez l'outil de développement.

Vous pouvez voir des erreurs dans la console.

entrer la description de l'image ici

Peu de fichiers bootstrap et jquery n'ont pas été chargés.

[Recherchez un script et des fichiers CSS par Ctrl + Maj + f dans le code VS et entrez le nom du fichier manquant et la recherche.]

Corrigez cela en ajoutant des scripts avec le cdn ou l'emplacement exact du fichier dans le fichier de présentation.

entrer la description de l'image ici

Maintenant, actualisez la page et regardez.

entrer la description de l'image ici

Maintenant, le site semble bien et plus d'erreur de console finalement.

Heureux codage



Modified text is an extract of the original Stack Overflow Documentation
Sous licence CC BY-SA 3.0
Non affilié à Stack Overflow