Dela via


Egenskapssidor för React-, Angular- och Vue-projekt i Visual Studio

Den här artikeln gäller för React-, Angular- och Vue-projekt som skapats i Visual Studio och som använder JavaScript Project System (JSPS), som är .esproj-projektformatet . Det här formatet stöds från och med Visual Studio 2022.

Egenskapssidorna ger åtkomst till projektinställningar. Om du vill öppna egenskapssidorna väljer du projektet i Solution Explorer och väljer sedan ikonen Egenskaper eller högerklickar på projektet och väljer Egenskaper.

Anmärkning

Anvisningarna i den här artikeln illustrerar den senaste versionen av den interaktiva utvecklingsupplevelsen (IDE) som är tillgänglig i Visual Studio. Datorn kan visa olika namn eller platser för vissa av användargränssnittselementen. Du kanske använder en annan version av Visual Studio eller andra miljöinställningar. Mer information finns i Anpassa IDE-.

Följande sidor och alternativ visas i egenskapssidorna.

Fliken Skapa

Under fliken Allmänt är följande egenskaper tillgängliga.

Build-kommando

Anger kommandot som ska köras när du skapar projektet. (Skapa > bygglösning eller när du kör projektet.) Om det används är det här värdet vanligtvis ett npm-kommando. Den här egenskapen motsvarar egenskapen BuildCommand i projektfilen.

Kommandot Production Build

Anger kommandot som ska köras när du skapar projektet när projektet är integrerat med ASP.NET Core Web API-projektet. Genererar produktionsklara filer. Som standard är npm run builddet här kommandot .

Från och med Visual Studio 2022 version 17.5 finns det här alternativet inte i de rekommenderade projektmallarna för React, Vue och Angular.

Skapa utdatamapp

Anger utdatamappen för produktionsversionsobjekt. För äldre projekt använder du den här egenskapen när du använder kommandot Production Build.

Rensa kommando

Anger kommandot som ska köras när du rensar projektet. (Skapa > ren lösning) Om det här värdet används är det vanligtvis ett npm-kommando. Den här egenskapen motsvarar egenskapen CleanCommand i projektfilen.

Arbetskatalog

Anger arbetskatalogen för build-kommandot. Det här värdet är som standard projektroten.

Fliken Distribuera

Startkommando

Anger kommandot som ska köras när du startar projektet. Ett Angular-projekt använder npm start till exempel som standard. Den här egenskapen motsvarar egenskapen StartupCommand i projektfilen.

Arbetskatalog

Anger arbetskatalogen för startkommandot. Som standard är det här värdet projektroten. Relativa sökvägar är relativa till projektroten.

Anmärkning

I Visual Studio lagrar launch.json startinställningarna som är associerade med startknappen i verktygsfältet Felsökning. launch.json måste finnas under mappen .vscode .

Se även

JavaScript och TypeScript i Visual Studio