Eigenschaftenseiten für React-, Angular- und Vue-Projekte in Visual Studio

Dieser Artikel bezieht sich auf React-, Angular- und Vue-Projekte, die in Visual Studio erstellt wurden, die JavaScript Project System (JSPS), d. h. das ESPROJ-Projektformat, verwenden. Dieses Format wird ab Visual Studio 2022 unterstützt.

Die Eigenschaftenseiten bieten Zugriff auf die Projekteinstellungen. Wählen Sie zum Öffnen der Eigenschaftenseiten das Projekt im Projektmappen-Explorer aus, und wählen Sie dann das Symbol Eigenschaften aus, oder klicken Sie mit der rechten Maustaste auf das Projekt und wählen dann Eigenschaften aus.

Hinweis

Auf Ihrem Computer werden möglicherweise andere Namen oder Speicherorte für die Benutzeroberflächenelemente von Visual Studio angezeigt als die in diesem Artikel. Möglicherweise verwenden Sie eine andere Edition von Visual Studio oder andere Umgebungseinstellungen. Weitere Informationen finden Sie unter Personalisieren der IDE.

Die folgenden Seiten und Optionen werden auf den Eigenschaftenseiten angezeigt.

Registerkarte "Erstellen"

Auf der Registerkarte „Allgemein“ sind die folgenden Eigenschaften verfügbar.

Buildbefehl

Gibt den Befehl an, der beim Erstellen des Projekts ausgeführt werden soll. (Erstellen > Projektmappe erstellen oder beim Ausführen des Projekts.) Falls verwendet, ist dies in der Regel ein npm-Befehl. Diese Eigenschaft entspricht der BuildCommand-Eigenschaft in der Projektdatei.

Produktionsbuildbefehl

Gibt den Befehl an, der beim Erstellen des Projekts ausgeführt werden soll, wenn das Projekt in das ASP.NET Core-Web-API-Projekt integriert wird. Generiert Dateien, die für die Produktion bereit sind. Standardmäßig ist dieser Befehl npm run build.

Ab Visual Studio 2022, Version 17.5, ist diese Option nicht in den empfohlenen Projektvorlagen für React, Vue und Angular vorhanden.

Buildausgabeordner

Gibt den Ausgabeordner für Produktionsbuildobjekte an. Verwenden Sie für ältere Projekte diese Eigenschaft, wenn Sie den Produktionsbuildbefehl verwenden.

Bereinigungsbefehl

Gibt den Befehl an, der beim Bereinigen des Projekts ausgeführt werden soll. (Erstellen > Projektmappe bereinigen) Falls verwendet, ist dies in der Regel ein npm-Befehl. Diese Eigenschaft entspricht der CleanCommand-Eigenschaft in der Projektdatei.

Arbeitsverzeichnis

Gibt das Arbeitsverzeichnis für den Buildbefehl an. Dieser Wert ist standardmäßig der Projektstamm.

Die Registerkarte „Bereitstellen“

Startbefehl

Gibt den Befehl an, der beim Starten des Projekts ausgeführt werden soll. Ein Angular-Projekt verwendet z. B. standardmäßig npm start. Diese Eigenschaft entspricht der StartupCommand-Eigenschaft in der Projektdatei.

Arbeitsverzeichnis

Gibt das Arbeitsverzeichnis für den Startbefehl an. Dieser Wert ist standardmäßig der Projektstamm. Relative Pfade sind relativ zum Projektstamm.

Hinweis

In Visual Studio speichert launch.json die Starteinstellungen, die der Schaltfläche Start in der Debugsymbolleiste zugeordnet sind. launch.json muss unter dem Ordner .vscode liegen.

Siehe auch

JavaScript und TypeScript in Visual Studio