Pagine delle proprietà per progetti React, Angular e Vue in Visual Studio

Questo articolo si applica ai progetti React, Angular e Vue creati in Visual Studio che usano JavaScript Project System (JSPS), ovvero il formato di progetto con estensione esproj . Questo formato è supportato a partire da Visual Studio 2022.

L'opzione Pagine delle proprietà permette di accedere alle impostazioni del progetto. Per aprire le pagine delle proprietà, selezionare il progetto in Esplora soluzioni e quindi selezionare l'icona Proprietà oppure fare clic con il pulsante destro del mouse sul progetto e scegliere Proprietà.

Nota

I nomi o i percorsi visualizzati per alcuni elementi dell'interfaccia utente di Visual Studio in questo articolo potrebbero essere diversi nel computer in uso. È possibile usare un'edizione diversa di Visual Studio o impostazioni di ambiente diverse. Per altre informazioni, vedere Personalizzare l'IDE.

In Pagine delle proprietà vengono visualizzate le pagine e le opzioni seguenti.

Scheda Crea

Nella scheda Generale sono disponibili le proprietà seguenti.

Comando Di compilazione

Specifica il comando da eseguire quando si compila il progetto. Compilare la > soluzione o quando si esegue il progetto. Se usato, questo valore è in genere un comando npm. Questa proprietà corrisponde alla proprietà BuildCommand nel file di progetto.

Comando Di compilazione produzione

Specifica il comando da eseguire quando si compila il progetto, quando il progetto è integrato con il progetto api Web di base ASP.NET. Genera file pronti per la produzione. Per impostazione predefinita, questo comando è npm run build.

A partire da Visual Studio 2022 versione 17.5, questa opzione non è presente nei modelli di progetto consigliati per React, Vue e Angular.

Compila cartella output

Specifica la cartella di output per gli oggetti di compilazione di produzione. Per i progetti meno recenti, usare questa proprietà quando si usa il comando Di compilazione produzione.

Comando Pulisci

Specifica il comando da eseguire quando si pulisce il progetto. (Compila > soluzione pulita) Se usato, questo valore è in genere un comando npm. Questa proprietà corrisponde alla proprietà CleanCommand nel file di progetto.

Directory di lavoro

Specifica la directory di lavoro per il comando di compilazione. Questo valore è la radice del progetto, per impostazione predefinita.

Scheda Distribuisci

Comando di avvio

Specifica il comando da eseguire all'avvio del progetto. Ad esempio, un progetto Angular usa npm start per impostazione predefinita. Questa proprietà corrisponde alla proprietà StartupCommand nel file di progetto.

Directory di lavoro

Specifica la directory di lavoro per il comando di avvio. Per impostazione predefinita, questo valore è la radice del progetto. I percorsi relativi sono relativi alla radice del progetto.

Nota

In Visual Studio launch.json archivia le impostazioni di avvio associate al pulsante Start nella barra degli strumenti Debug. launch.json deve trovarsi nella cartella vscode.

Vedi anche

JavaScript e TypeScript in Visual Studio