Remarque
L’accès à cette page nécessite une autorisation. Vous pouvez essayer de vous connecter ou de modifier des répertoires.
L’accès à cette page nécessite une autorisation. Vous pouvez essayer de modifier des répertoires.
Dans ce guide de démarrage rapide, vous allez explorer l’environnement de développement intégré (IDE) Visual Studio. Cet article fournit une introduction de 5 à 10 minutes pour vous aider à vous familiariser avec les fenêtres, menus et autres fonctionnalités disponibles pour le développement JavaScript.
Si vous n'avez pas Visual Studio, vous pouvez installer la version d'évaluation free version à partir de la page téléchargements Visual Studio.
Utiliser la fenêtre de démarrage
La première chose que vous voyez après le lancement de Visual Studio est la fenêtre Démarrage. La fenêtre de démarrage est conçue pour vous aider à « accéder au code » plus rapidement. Il existe des options pour cloner ou extraire du code, ouvrir un projet ou une solution existant, créer un projet ou ouvrir un dossier avec des fichiers de code.
Si vous travaillez déjà dans Visual Studio, vous pouvez ouvrir la fenêtre démarrer en sélectionnant File> Fenêtre de démarrage.
Si vous débutez avec Visual Studio, votre liste de projets récents peut être vide.
Si vous utilisez des bases de code non basées sur MSBuild, utilisez l’option Open a folder pour ouvrir votre code dans Visual Studio. Pour plus d’informations, consultez Développer du code dans Visual Studio sans projets ni solutions. Sinon, vous pouvez créer un projet ou cloner un projet à partir d’un fournisseur source tel que GitHub ou Azure DevOps.
Si vous utilisez des bases de code non basées sur MSBuild, utilisez l’option Ouvrir un dossier local pour ouvrir votre code dans Visual Studio. Pour plus d’informations, consultez Développer du code dans Visual Studio sans projets ni solutions. Sinon, vous pouvez créer un projet ou cloner un projet à partir d’un fournisseur source tel que GitHub ou Azure DevOps.
Lorsque vous lancez Visual Studio, la fenêtre de démarrage inclut l’option Continue sans code. Cette action vous permet d’ouvrir l’environnement de développement Visual Studio sans projet ou code spécifique chargé. Vous pouvez utiliser cette option pour rejoindre une session Live Share ou l’attacher à un processus de débogage. Vous pouvez également sélectionner la touche Échap pour fermer la fenêtre de démarrage et ouvrir l’IDE.
Création d’un projet
Pour continuer à explorer les fonctionnalités de Visual Studio, créez un projet. Visual Studio fournit différents types de modèles de projet qui vous aident à commencer à coder rapidement.
Dans la fenêtre de démarrage, sélectionnez Créer un projet. La fenêtre s’actualise pour afficher les options de création du nouveau projet.
Dans la zone Rechercher des modèles , entrez javascript ou typescript.
Votre texte d’entrée filtre la liste des types de projet pour afficher les modèles qui contiennent « JavaScript » ou « TypeScript » dans leur nom ou leur type de langue.
Sélectionnez le modèle de projet Application Express JavaScript , puis sélectionnez Suivant.
Dans la fenêtre Configurer votre nouveau projet , acceptez le nom du projet par défaut, puis sélectionnez Créer.
Visual Studio crée le projet et l’ouvre dans l’IDE. Les fichiers et dossiers du projet sont visibles dans Explorateur de solutions.
Parcourir votre projet dans Explorateur de solutions
Le volet Explorateur de solutions s’ouvre généralement sur le côté droit de la IDE Visual Studio. Cette fenêtre affiche une représentation graphique de la hiérarchie des fichiers et dossiers dans votre projet, solution ou dossier de code.
Vous pouvez parcourir la hiérarchie, rechercher un fichier ou un dossier spécifique, puis sélectionner un fichier pour l’ouvrir.
Ouvrir des fichiers dans l’éditeur de code
Dans Explorateur de solutions, sélectionnez le fichier app.js pour ouvrir le fichier dans la fenêtre Editor. L’éditeur affiche le contenu des fichiers et est l’endroit où vous effectuez la majeure partie de votre travail de codage dans Visual Studio.
Explorer les menus principaux
La barre de menus située en haut de IDE Visual Studio fournit un accès rapide aux groupes de commandes organisés par catégorie. Par exemple, le menu Projet contient des commandes liées au projet dans lequel vous travaillez. Dans le menu Outils , vous pouvez personnaliser le comportement de Visual Studio en sélectionnant Options ou en ajoutant des fonctionnalités à votre installation en sélectionnant Obtenir des outils et des fonctionnalités.
Sélectionnez Affichage pour afficher la liste des commandes liées à l’affichage, puis sélectionnez Liste d’erreurs pour ouvrir la fenêtre Liste d’erreurs .
Examiner les erreurs et les avertissements dans la liste d’erreurs
La liste d’erreurs affiche des erreurs, des avertissements et des messages concernant l’état actuel de votre code. S’il existe des erreurs (par exemple, une accolade ou un point-virgule manquant) dans votre fichier, ou n’importe où dans votre projet, elles sont répertoriées ici.
Vérifier les messages de génération dans la fenêtre Sortie
La fenêtre Sortie affiche les messages de sortie provenant à la fois de la génération de votre projet et de votre fournisseur de gestion de code source.
Générez votre nouveau projet afin de pouvoir explorer les messages de génération dans la fenêtre Sortie . Dans la barre de menus, sélectionnez Générer>Générer la solution.
La fenêtre Sortie obtient automatiquement le focus et affiche un message de génération réussi.
Rechercher des commandes et des fonctionnalités
La zone de recherche est un moyen rapide et facile de faire la plupart des choses dans Visual Studio. Vous pouvez entrer du texte lié à ce que vous souhaitez faire, et les résultats de la recherche affichent une liste d’options liées à votre texte d’entrée.
Supposons que vous souhaitez augmenter le verbe de sortie de build pour afficher plus de détails sur ce que fait la build. Vous pouvez suivre ces étapes :
- Si vous ne voyez pas la zone de recherche, utilisez le raccourci clavier Ctrl+Q . Dans la zone de recherche, entrez verbosity.
Dans la liste des résultats, double-cliquez sur l’entrée Niveau de détail de la sortie de génération du projet MSBuild (projectsAndSolutions.buildAndRun.outputVerbosity).
Le volet Options s’ouvre sur la section Tous les paramètres>Projets et solutions>Génération et exécution.
Utilisez le menu déroulant et définissez l'option de verbalisation des résultats de la construction du projet MSBuild sur Normal.
Dans la liste des résultats, double-cliquez sur l’élément Modifier la verbosité de MSBuild (Projets et solutions > Génération et exécution).
La boîte de dialogue Options s’ouvre dans la section Projets et Solutions>Build And Run .
Utilisez la liste déroulante et définissez l’option Niveau de détail de la sortie de génération du projet MSBuild sur Normal, et sélectionnez OK.
Générez à nouveau le projet en cliquant avec le bouton droit sur le projet dans Explorateur de solutions et en sélectionnant Rebuild dans le menu contextuel.
Cette fois, la fenêtre Sortie affiche une journalisation plus détaillée à partir du processus de génération.
Envoyer des commentaires
Si vous rencontrez des problèmes lors de l'utilisation de Visual Studio ou si vous avez des suggestions pour améliorer le produit, vous pouvez utiliser le menu Send Feedback en haut de la fenêtre Visual Studio.
