Créez votre première application web avec ASP.NET Core à l’aide de Blazor

Créez votre application

  1. Ouvrez la palette de commandes dans VS Code en appuyant sur CTRL+MAJ+P.
  2. Ouvrez la palette de commandes dans VS Code en appuyant sur CMD+MAJ+P.
  3. Tapez .NET : pour afficher les commandes que vous pouvez exécuter avec le Kit de développement C# !
  4. Recherchez et sélectionnez .NET : nouveau projet pour créer un projet .NET.
  5. Faites défiler vers le bas et sélectionnez Blazor Web App.
  6. Choisissez l’emplacement du dossier que vous souhaitez enregistrer votre projet.
  7. Nommez le projet BlazorApp dans la palette de commandes lorsque vous y êtes invité. Appuyez sur Entrée pour confirmer.

Activez Approbation d’espace de travail en cochant la case et en sélectionnant Oui, je fais confiance aux auteurs.

Boîte de dialogue Approbation d’espace de travail

Si vous disposez d’un abonnement à Visual Studio, connectez-vous à votre compte. Si vous ne voyez pas d’invite, cliquez sur l’icône C# dans la barre d’état de VS Code, en bas à droite de votre fenêtre.

Se connecter avec VS Subscription

Dans la barre latérale, assurez-vous que VS Code Explorer est ouvert. Ici, vous verrez le dossier BlazorApp et l'Explorateur de solutions.
Suivez la vidéo ci-dessous pour : réduire le dossier BlazorApp, ouvrir l'Explorateur de solutions, ouvrir le projet BlazorApp et faire glisser l'Explorateur de solutions plus haut.

  1. Réduisez le dossier BlazorApp dans l'explorateur VS Code.
  2. Cliquez sur le chevron à gauche de l’Explorateur de solutions pour le développer.
  3. Cliquez sur le chevron à gauche du projet BlazorApp dans l'Explorateur de solutions pour le développer.
  4. Faites glisser et déposez l'Explorateur de solutions sous BlazorApp.

Votre projet est créé et chargé dans Visual Studio Code. Jetez un œil au contenu de votre projet à l'aide de Solution Explorer.

L'Explorateur de solutions contient une liste de dossiers et de fichiers créés pour votre projet

Plusieurs fichiers ont été créés pour vous offrir une application Blazor simple prête à être exécutée.

  • Program.cs est le point d'entrée de l'application qui démarre le serveur et où vous configurez les services d'application et le middleware.
  • Au sein du répertoire Components :

    • App.razor est le composant racine de l’application.
    • Routes.razor configure le routeur Blazor.
    • Le répertoire Pages contient des exemples de pages Web pour l'application.
  • BlazorApp.csproj définit le projet d'application et ses dépendances et peut être affiché en double-cliquant sur le nœud du projet BlazorApp dans l'explorateur de solutions.
  • Le fichier launchSettings.json dans le répertoire Properties définit différents paramètres de profil pour l'environnement de développement local. Un numéro de port est automatiquement attribué à la création du projet et enregistré dans ce fichier.

Si tout semble correct, sélectionnez le bouton Continuer ci-dessous pour passer à l'étape suivante.

Continuer