JavaScript y TypeScript en Visual Studio

Visual Studio 2022 proporciona compatibilidad enriquecida para el desarrollo con JavaScript, tanto con el uso de JavaScript directamente como con el uso del lenguaje de programación TypeScript, que se desarrolló para ofrecer una experiencia de desarrollo con JavaScript más productiva y entretenida, sobre todo al desarrollar proyectos a escala. Puede escribir código JavaScript o TypeScript en Visual Studio para muchos tipos de aplicaciones y servicios.

Servicio de lenguaje JavaScript

La experiencia de JavaScript en Visual Studio 2022 cuenta con la tecnología del mismo motor que ofrece compatibilidad con TypeScript. Este motor ofrece mayor compatibilidad con características, mejoras e integración inmediata y lista para usar.

La opción para restaurar el servicio de lenguaje JavaScript heredado ya no está disponible. Los usuarios tienen el servicio de lenguaje JavaScript nuevo listo para usar. El nuevo servicio de lenguaje se basa exclusivamente en el servicio de lenguaje TypeScript, que funciona con análisis estático. Este servicio nos permite ofrecerle herramientas mejoradas, por lo que el código de JavaScript puede beneficiarse de IntelliSense con más funcionalidades según las definiciones de tipo. El nuevo servicio es ligero y consume menos memoria que el servicio heredado, lo que ofrece un mejor rendimiento a medida que se escale el código. También se ha mejorado el rendimiento del servicio de lenguaje para administrar proyectos más grandes.

Compatibilidad con TypeScript

De manera predeterminada, Visual Studio 2022 proporciona compatibilidad con lenguajes para archivos JavaScript y TypeScript a fin de potenciar IntelliSense sin necesidad de realizar ninguna configuración de proyecto específica.

Para compilar TypeScript, Visual Studio le ofrece la flexibilidad de elegir qué versión de TypeScript usar en cada proyecto.

En escenarios de compilación de MSBuild, como ASP.NET Core, el método recomendado para agregar compatibilidad con la compilación a su proyecto es el paquete NuGet de TypeScript. Visual Studio le dará la opción de agregar este paquete la primera vez que agregue un archivo TypeScript al proyecto. Este paquete también está disponible en cualquier momento a través del administrador de paquetes NuGet. Al usar el paquete NuGet, se usará la versión del servicio de lenguaje correspondiente para la compatibilidad con el lenguaje en el proyecto. Nota: La versión mínima compatible de este paquete es 3.6.

Los proyectos configurados para npm, como los proyectos Node.js, pueden especificar su propia versión del servicio de lenguaje TypeScript mediante la incorporación del paquete npm de TypeScript. Especifique la versión mediante el administrador de npm en los proyectos admitidos. Nota: La versión mínima compatible de este paquete es 2.1.

TypeScript SDK quedó en desuso en Visual Studio 2022. Los proyectos existentes que se basan en el SDK se deben actualizar para usar el paquete NuGet. En el caso de los proyectos que no se pueden actualizar de inmediato, el SDK sigue disponible en Visual Studio Marketplace y como componente opcional en el instalador de Visual Studio.

Sugerencia

Para los proyectos desarrollados en Visual Studio 2022, le animamos a usar el paquete NuGet de TypeScript o el paquete de npm de TypeScript para una mayor portabilidad entre distintas plataformas y entornos. Para obtener más información, consulte Compilar código TypeScript con NuGet y Compilar código TypeScript con tsc.

Plantillas de proyecto

A partir de Visual Studio 2022, hay un nuevo tipo de proyecto de JavaScript/TypeScript (.esproj), denominado JavaScript Project System (JSPS), que permite crear en Visual Studio proyectos de Angular, React y Vue independientes. Estos proyectos de front-end se crean con las herramientas de la CLI del marco que tiene instalado en la máquina local, por lo que la versión de la plantilla depende de usted. Para migrar desde proyectos de Node.js existentes al nuevo sistema de proyectos, consulte Migración de proyectos de Node.js. Para obtener información de MSBuild sobre el nuevo tipo de proyecto, consulte Propiedades de MSBuild para JSPS.

En estos proyectos nuevos, puede ejecutar pruebas unitarias de JavaScript y TypeScript, agregar y conectar fácilmente proyectos de API de ASP.NET Core y descargar los módulos npm mediante el administrador de npm. Para empezar, consulte algunos de los inicios rápidos y tutoriales. Para obtener más información, consulte Tutoriales de Visual Studio | JavaScript y TypeScript.

Nota:

Hay disponible una plantilla simplificada y actualizada a partir de la versión 17.5 de Visual Studio 2022. En comparación con las plantillas de SPA de ASP.NET disponibles en Visual Studio, las plantillas de SPA de .esproj para ASP.NET Core proporcionan una mejor administración de dependencias de npm y una mejor compatibilidad con la compilación y publicación.