Pages de propriétés pour les projets React, Angular et Vue dans Visual Studio
Cet article s’applique aux projets React, Angular et Vue créés dans Visual Studio et qui utilisent JavaScript Project System (JSPS), qui est le format de projet .esproj. Ce format est pris en charge à partir de Visual Studio 2022.
Pages de propriétés donne accès aux paramètres du projet. Pour ouvrir les pages de propriétés, sélectionnez le projet dans l’Explorateur de solutions, puis l’icône Propriétés ou cliquez avec le bouton droit sur le projet et sélectionnez Propriétés.
Notes
Dans cet article, il est possible que votre ordinateur affiche des noms ou des emplacements différents pour certains éléments de l’interface utilisateur Visual Studio. Vous utilisez peut-être une édition différente de Visual Studio ou des paramètres d’environnement différents. Pour plus d’informations, consultez Personnaliser l’IDE.
Les pages et options suivantes s’affichent dans les Pages de propriétés.
Onglet Générer
Sous l’onglet Général, les propriétés suivantes sont disponibles.
Commande Build
Spécifie la commande à exécuter lorsque vous générez le projet. (Build > Solution de build, ou lorsque vous exécutez le projet.) Si elle est utilisée, cette valeur est généralement une commande npm. Cette propriété correspond à la propriété BuildCommand dans le Fichier projet.
Commande Production Build
Spécifie la commande à exécuter lorsque vous générez le projet, lorsque le projet est intégré au projet d’API web ASP.NET Core. Génère des fichiers prêts pour la production. Par défaut, cette commande est npm run build.
À compter de Visual Studio 2022 version 17.5, cette option n’est pas présente dans les modèles de projet recommandés pour React, Vue et Angular.
Dossier de sortie de génération
Spécifie le dossier de sortie pour les objets de build de production. Pour les projets plus anciens, utilisez cette propriété lorsque vous utilisez la commande de build de production.
Commande Clean
Spécifie la commande à exécuter lorsque vous nettoyez le projet. (Build > Nettoyer la solution) Si cette valeur est utilisée, il s’agit généralement d’une commande npm. Cette propriété correspond à la propriété CleanCommand dans le Fichier projet.
Répertoire de travail
Spécifie le répertoire de travail pour la commande de génération. Cette valeur est la racine du projet, par défaut.
Onglet Déployer
Commande de démarrage
Spécifie la commande à exécuter lorsque vous démarrez le projet. Par exemple, un projet Angular utilise npm start par défaut. Cette propriété correspond à la propriété StartupCommand dans le Fichier projet.
Répertoire de travail
Spécifie le répertoire de travail pour la commande de démarrage. Par défaut, cette valeur est la racine du projet. Les chemins d’accès relatifs sont relatifs à la racine du projet.
Note
Dans Visual Studio, launch.json stocke les paramètres de démarrage associés au bouton Démarrer dans la barre d’outils Débogage. launch.json doit se trouver sous le dossier .vscode.