Delen via


Eigenschappenpagina's voor React-, Angular- en Vue-projecten in Visual Studio

Dit artikel is van toepassing op React-, Angular- en Vue-projecten die zijn gemaakt in Visual Studio die gebruikmaken van het JavaScript Project System (JSPS), de .esproj-projectindeling . Deze indeling wordt ondersteund vanaf Visual Studio 2022.

De eigenschappenpagina's bieden toegang tot projectinstellingen. Als u de eigenschappenpagina's wilt openen, selecteert u het project in Solution Explorer en selecteert u vervolgens het pictogram Eigenschappen of klikt u met de rechtermuisknop op het project en selecteert u Eigenschappen.

Opmerking

De instructies in dit artikel illustreren de meest recente versie van de interactieve ontwikkelervaring (IDE) die beschikbaar is in Visual Studio. Uw computer kan verschillende namen of locaties weergeven voor sommige elementen van de gebruikersinterface. Mogelijk gebruikt u een andere versie van Visual Studio of andere omgevingsinstellingen. Zie De IDE-personaliseren voor meer informatie.

De volgende pagina's en opties worden weergegeven in de eigenschappenpagina's.

Tabblad Opbouwen

Op het tabblad Algemeen zijn de volgende eigenschappen beschikbaar.

Build-opdracht

Hiermee geeft u de opdracht die moet worden uitgevoerd wanneer u het project bouwt. (Build Build > Solution, of wanneer u het project uitvoert.) Als deze waarde wordt gebruikt, is dit meestal een npm-opdracht. Deze eigenschap komt overeen met de eigenschap BuildCommand in het projectbestand.

Opdracht Productie maken

Hiermee geeft u de opdracht die moet worden uitgevoerd wanneer u het project bouwt, wanneer het project is geïntegreerd met het ASP.NET Core Web API-project. Hiermee worden productieklare bestanden gegenereerd. Deze opdracht is npm run buildstandaard .

Vanaf Visual Studio 2022 versie 17.5 is deze optie niet aanwezig in de aanbevolen projectsjablonen voor React, Vue en Angular.

Uitvoermap bouwen

Hiermee geeft u de uitvoermap voor productie-buildobjecten. Voor oudere projecten gebruikt u deze eigenschap wanneer u de opdracht Productiebuild gebruikt.

Opdracht Opschonen

Hiermee geeft u de opdracht die moet worden uitgevoerd wanneer u het project schoont. (Build > Clean Solution) Als deze waarde wordt gebruikt, is deze waarde doorgaans een NPM-opdracht. Deze eigenschap komt overeen met de eigenschap CleanCommand in het projectbestand.

Werkmap

Hiermee geeft u de werkmap voor de build-opdracht. Deze waarde is standaard de hoofdmap van het project.

Tabblad Implementeren

Opstartopdracht

Hiermee geeft u de opdracht die moet worden uitgevoerd wanneer u het project start. Een Angular-project gebruikt npm start bijvoorbeeld standaard. Deze eigenschap komt overeen met de eigenschap StartupCommand in het projectbestand.

Werkmap

Hiermee geeft u de werkmap voor de opstartopdracht. Deze waarde is standaard de hoofdmap van het project. Relatieve paden zijn relatief ten opzichte van de hoofdmap van het project.

Opmerking

In Visual Studio slaatlaunch.json de opstartinstellingen op die zijn gekoppeld aan de knop Start op de werkbalk Foutopsporing. launch.json moet zich onder de map .vscode bevinden.

Zie ook

JavaScript en TypeScript in Visual Studio