Compartir a través de


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 del 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 explorador de soluciones y, a continuación, seleccione el icono Propiedades, o haga clic con el botón derecho en el proyecto y seleccione Propiedades.

Nota:

El equipo puede mostrar nombres o ubicaciones diferentes para algunos de los elementos de la interfaz de usuario de Visual Studio de 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, consulte Personalizar el IDE.

Las páginas y opciones siguientes aparecen en las páginas de propiedades.

Pestaña Compilar

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

Comando Build

Especifica el comando que se va a ejecutar al compilar el proyecto. (Compilar > solución de compilació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 forma 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 Clean

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

Directorio de Trabajo

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

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 en el archivo del proyecto.

Directorio de Trabajo

Especifica el directorio de trabajo para el 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, launch.json almacena la configuración de inicio asociada al botón Iniciar de la barra de herramientas Depurar. launch.json deben encontrarse en la carpeta .vscode .

Consulte también

JavaScript y TypeScript en Visual Studio