Tutoriel: Premiers pas avec C # et

ASP.NET Core dans Visual Studio

29/05/2019 • 10 minutes pour lire • +1
Dans cet article
Avant que tu commences
Créer un projet
Découvrez votre solution
Exécuter, déboguer et apporter des modifications
Réponses rapides FAQ
Prochaines étapes
Voir également

Dans ce didacticiel pour le développement C # avec ASP.NET Core à l'aide de Visual

Studio, vous allez créer une application Web C # ASP.NET Core, y apporter des
modifications, explorer certaines fonctionnalités de l'EDI, puis exécuter l'application.

Avant que tu commences

Installer Visual Studio
Si vous n'avez pas déjà installé Visual Studio, accédez à la page de téléchargements de
Visual Studio pour l'installer gratuitement.

Mettre à jour Visual Studio

Si vous avez déjà installé Visual Studio, assurez-vous que vous exécutez la version la
plus récente. Pour plus d'informations sur la mise à jour de votre installation, consultez
la page Mettre à jour Visual Studio vers la dernière version .

Choisissez votre thème (facultatif)

Ce didacticiel comprend des captures d'écran qui utilisent le thème sombre. Si vous
n'utilisez pas le thème sombre mais que vous le souhaitez, consultez la page
Personnaliser l'IDE et l'éditeur de Visual Studio pour savoir comment.

Créer un projet
Tout d'abord, vous allez créer un projet ASP.NET Core. Le type de projet est livré avec
tous les fichiers de modèle dont vous aurez besoin pour un site Web entièrement
fonctionnel, avant même d'avoir ajouté quoi que ce soit!
. Dans la fenêtre de démarrage, choisissez Créer un nouveau projet .

. On the Create a new project window, enter or type ASP.NET in the search box.
Next, choose C# from the Language list, and then choose Windows from the
Platform list.
After you apply the language and platform filters, choose the ASP.NET Core Web
Application template, and then choose Next.
 ７ Note

If you don't see the ASP.NET Core Web Application template, you can install
it from the Create a new project window. In the Not finding what you're
looking for? message, choose the Install more tools and features link.

Ensuite, dans le programme d'installation de Visual Studio, choisissez la

charge de travail ASP.NET et de développement Web .

Après cela, choisissez le bouton Modifier dans le programme d'installation

de Visual Studio. Si vous êtes invité à enregistrer votre travail, faites-le.
Ensuite, choisissez Continuer pour installer la charge de travail. Revenez
ensuite à l'étape 2 de cette procédure " Créer un projet ".

. Dans la fenêtre Configurer votre nouveau projet , tapez ou entrez MyCoreApp

dans la zone Nom du projet . Ensuite, choisissez Créer .
. Dans la fenêtre Créer une nouvelle application Web ASP.NET Core , vérifiez que
ASP.NET Core 3.0 apparaît dans le menu déroulant supérieur. Ensuite, choisissez
Application Web , qui comprend des exemples de pages Razor. Ensuite,
choisissez Créer .

Visual Studio ouvre votre nouveau projet.

À propos de votre solution
Cette solution suit le modèle de conception Razor Page . Il est différent du modèle de
conception Model-View-Controller (MVC) en ce qu'il est rationalisé pour inclure le code
du modèle et du contrôleur dans la page Razor elle-même.

Découvrez votre solution

. Le modèle de projet crée une solution avec un seul projet ASP.NET Core nommé
MyCoreApp . Choisissez l' onglet Explorateur de solutions pour afficher son
contenu.

. Développez le dossier Pages .

. Affichez le fichier Index.cshtml dans l'éditeur de code.

. Chaque fichier .cshtml a un fichier de code associé. Pour ouvrir le fichier de code
dans l'éditeur, développez le nœud Index.cshtml dans l'Explorateur de solutions
et choisissez le fichier Index.cshtml.cs .
. Affichez le fichier Index.cshtml.cs dans l'éditeur de code.

. Le projet contient un dossier wwwroot qui est la racine de votre site Web.
Développez le dossier pour afficher son contenu.
 Vous pouvez placer du contenu de site statique (CSS, images et bibliothèques
JavaScript, par exemple) directement dans les chemins où vous le souhaitez.
. Le projet contient également des fichiers de configuration qui gèrent l'application
Web au moment de l'exécution. La configuration d' application par défaut est
stockée dans appsettings.json . Cependant, vous pouvez remplacer ces paramètres
en utilisant appsettings.Development.json . Développez le fichier appsettings.json
pour afficher le fichier appsettings.Development.json .

Exécuter, déboguer et apporter des

modifications
. Choisissez le bouton IIS Express dans l'EDI pour créer et exécuter l'application en
mode débogage. (Vous pouvez également appuyer sur F5 ou choisir Déboguer >
Démarrer le débogage dans la barre de menus.)
 ７ Remarque

Si vous obtenez un message d'erreur indiquant Impossible de se connecter

au serveur Web «IIS Express» , fermez Visual Studio, puis ouvrez-le à l'aide
de l' option Exécuter en tant qu'administrateur dans le menu contextuel ou
le clic droit. Ensuite, réexécutez l'application.
Vous pouvez également recevoir un message vous demandant si vous
souhaitez accepter un certificat IIS SSL Express. Pour afficher le code dans un
navigateur Web, choisissez Oui , puis choisissez Oui si vous recevez un
message d'avertissement de sécurité de suivi.

. Visual Studio lance une fenêtre de navigateur. Vous devriez alors voir les pages d'
accueil et de confidentialité dans la barre de menus.
. Choisissez Confidentialité dans la barre de menus.
The Privacy page in the browser renders the text that is set in the Privacy.cshtml
file.

. Return to Visual Studio, and then press Shift+F5 to stop Debug mode. This also
closes the project in the browser window.
. In Visual Studio, open Privacy.cshtml for editing. Then, delete the words Use this
page to detail your site's privacy policy and in its place, add the words This page is
under construction as of @ViewData["TimeStamp"].
. Now, let's make a code change. Choose Privacy.cshtml.cs. Then, clean up the
using directives at the top of the file by using the following shortcut:

Choose any of the grayed-out using directives and a Quick Actions light bulb will
appear just below the caret or in the left margin. Choose the light bulb, and then
hover over Remove unnecessary usings.

Now choose Preview changes to see what will change.

 Choose Apply. Visual Studio deletes the unnecessary using directives from the
file.
. Next, in the OnGet() method, change the body to the following code:

C# ＝ Copy

public void OnGet()

{
string dateTime = DateTime.Now.ToShortDateString();
ViewData["TimeStamp"] = dateTime;
}

. Notice that two wavy underlines appear under DateTime. The wavy underlines
appear because these type isn't in scope.

Ouvrez la barre d'outils Liste d'erreurs pour voir les mêmes erreurs qui y sont
répertoriées. (Si vous ne voyez pas la barre d'outils Liste d'erreurs , choisissez
Affichage > Liste d'erreurs dans la barre de menu supérieure.)
 . Corrigeons cela. Dans l'éditeur de code, placez votre curseur sur l'une des lignes
contenant l'erreur, puis choisissez l'ampoule Actions rapides dans la marge de
gauche. Ensuite, dans le menu déroulant, choisissez d' utiliser Système; pour
ajouter cette directive en haut de votre fichier et résoudre les erreurs.

. Appuyez sur F5 pour ouvrir votre projet dans le navigateur Web.

. En haut du site Web, choisissez Confidentialité pour afficher vos modifications.

. Fermez le navigateur Web, appuyez sur Maj + F5 pour arrêter le mode débogage,
puis fermez Visual Studio.

Réponses rapides FAQ

Voici une FAQ rapide pour mettre en évidence certains concepts clés.

Qu'est-ce que C #?
C # est un langage de programmation sécurisé et orienté objet conçu pour être à la fois
robuste et facile à apprendre.
Qu'est-ce que ASP.NET Core?
ASP.NET Core est un cadre open source et multiplateforme pour la création
d'applications connectées à Internet, telles que des applications et des services Web. Les
applications ASP.NET Core peuvent s'exécuter sur .NET Core ou .NET Framework. Vous
pouvez développer et exécuter vos applications ASP.NET Core multiplateforme sur
Windows, Mac et Linux. ASP.NET Core est open source sur GitHub .

Qu'est-ce que Visual Studio?

Visual Studio est une suite de développement intégrée d'outils de productivité pour les
développeurs. Considérez-le comme un programme que vous pouvez utiliser pour créer
des programmes et des applications.

Prochaines étapes
Félicitations pour avoir terminé ce didacticiel! Nous espérons que vous avez appris un
peu sur C #, ASP.NET Core et l'IDE de Visual Studio. Pour en savoir plus sur la création
d'une application Web ou d'un site Web avec C # et ASP.NET, poursuivez avec les
didacticiels suivants:

Créer une application Web Razor Pages avec ASP.NET Core

Voir également
Publiez votre application Web sur Azure App Service à l'aide de Visual Studio

Cette page est-elle utile?

 Oui  Non