Prise en main de Visual Studio

Si vous avez encore besoin d’installer Visual Studio, consultez notre article précédent.

Générer une application avec Visual Studio 2017

Nicole Bruck

Étape 1 : Créer

Nous allons créer une application web ASP.NET pour afficher « Hello, World!”

  • Sélectionnez Fichier → Nouveau → Projet…

 

  • Sous Web, choisissez le type de projet « Application Web ASP.NET » et nommez-le : « HelloWorld »

Étape 2 : Modifier

Nous allons modifier le titre de notre application web pour afficher un nouveau message.

La page d’accueil du projet affiche plusieurs liens pour vous aider à commencer.  Si vous exécutez le projet immédiatement, cette page sera la page par défaut du site web, vous pouvez donc explorer la manière dont elle est construite pour en savoir plus.  Pour ce qui nous intéresse, nous allons ajouter une simple page au projet pour que tout soit bien clair.

  • Dans l’Explorateur de solutions, cliquez avec le bouton droit sur le projet « Hello World » > développez le menu d’option Ajouter > et sélectionnez la page HTML, puis entrez HelloWorld pour le nom de la page.
  • La nouvelle page devrait être chargée dans l’éditeur et affichée par défaut. Si ce n’est pas le cas, utilisez l’Explorateur de solutions en haut à droite pour la trouver et double-cliquez (un simple clic affiche un aperçu temporaire dans la fenêtre de l’éditeur).
  • Pour cette nouvelle page, nous allons mettre à jour le titre, ajouter quelques lignes dans le corps et ajouter un pied de page.  Vous pouvez en faire plus ou moins si vous le souhaitez.

Étape 3 : Générer et exécuter

Nous allons maintenant générer le projet pour être certain que le code fonctionne.

  • Le bouton Démarrer dispose d’un menu déroulant qui vous permet de choisir le navigateur par défaut pour lancer le site web (et d’ajouter d’autres navigateurs à exécuter).
Après avoir cliqué sur le bouton Démarrer (flèche verte à côté du nom du navigateur), votre site sera chargé et lancé dans ce navigateur.

  • Notez que la nouvelle page se trouve dans l’onglet actif tandis que la page accompagnant le projet figure dans l’autre onglet.

 

  • Attention, le fait de fermer la fenêtre du navigateur ne tue pas le site web.  Pour revenir au mode d’édition, vous devrez cliquez sur le carré rouge pour terminer la session de débogage.  La fenêtre de performance indique que le site fonctionne encore, comme vous pouvez le constater dans la fenêtre à droite.

Voilà, nous sommes maintenant capables de monter une page et d’y travailler en local, félicitations !  À partir de là, les indices et les liens présents sur la page par défaut peuvent vous aider à générer des applications plus complexes, à ajouter des services et même à déployer Azure.



Si vous êtes prêt à essayer certaines de nos fonctionnalités de débogage, passez à notre article suivant : Déboguer et plus.