Páginas de propiedades para proyectos de React, Angular y Vue en Visual Studio

Este artículo se aplica a los proyectos de React, Angular y Vue creados en Visual Studio que usan JavaScript Project System (JSPS), que es el formato de proyecto .esproj. Este formato se admite a partir de Visual Studio 2022.

Las Páginas de propiedades proporcionan acceso a la configuración del proyecto. Para abrir las páginas de propiedades, seleccione el proyecto en el Explorador de soluciones y, luego, elija el icono de Propiedades o haga clic con el botón derecho en el proyecto y seleccione Propiedades.

Nota

Es posible que el equipo muestre nombres o ubicaciones diferentes para algunos de los elementos de la interfaz de usuario de Visual Studio en este artículo. Es posible que esté usando una edición diferente de Visual Studio o una configuración de entorno diferente. Para obtener más información, vea Personalizar el IDE.

Las siguientes páginas y opciones aparecen en las páginas Propiedades.

Pestaña Compilar

En la pestaña General, están disponibles las siguientes propiedades.

Comando Compilar

Especifica el comando que se va a ejecutar al compilar el proyecto. (Compilar > Compilar solución o al ejecutar el proyecto). Si se usa, este valor suele ser un comando npm. Esta propiedad corresponde a la propiedad BuildCommand del archivo del proyecto.

Comando de compilación de producción

Especifica el comando que se va a ejecutar al compilar el proyecto, cuando el proyecto se integra con el proyecto de API web de ASP.NET Core. Genera archivos listos para producción. De manera predeterminada, este comando es npm run build.

A partir de la versión 17.5 de Visual Studio 2022, esta opción no está presente en las plantillas de proyecto recomendadas para React, Vue y Angular.

Carpeta de salida de compilación

Especifica la carpeta de salida para los objetos de compilación de producción. Para los proyectos anteriores, use esta propiedad al usar el comando de compilación de producción.

Comando Limpiar

Especifica el comando que se va a ejecutar al limpiar el proyecto. (Compilar > Limpiar solución). Si se usa, suele ser un comando npm. Esta propiedad corresponde a la propiedad CleanCommand del archivo del proyecto.

Directorio de trabajo

Especifica el directorio de trabajo del comando de compilación. De forma predeterminada, este valor es la raíz del proyecto.

Pestaña Implementar

Comando de inicio

Especifica el comando que se va a ejecutar al iniciar el proyecto. Por ejemplo, un proyecto de Angular usa npm start de forma predeterminada. Esta propiedad corresponde a la propiedad StartupCommand del archivo del proyecto.

Directorio de trabajo

Especifica el directorio de trabajo del comando de inicio. De forma predeterminada, este valor es la raíz del proyecto. Las rutas de acceso relativas son relativas a la raíz del proyecto.

Nota:

En Visual Studio, el archivo launch.json almacena la configuración de inicio asociada al botón Iniciar de la barra de herramientas de depuración. launch.json debe encontrarse en la carpeta .vscode.

Consulte también

JavaScript y TypeScript en Visual Studio