JavaScript y TypeScript en Visual Studio

Visual Studio 2022 proporciona compatibilidad enriquecida para el desarrollo de JavaScript, tanto con JavaScript directamente como con el lenguaje de programación TypeScript, que se desarrolló para proporcionar una experiencia de desarrollo de JavaScript más productiva y agradable, especialmente 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 se basa en el mismo motor que proporciona compatibilidad con TypeScript. Este motor le ofrece un mejor soporte de características, un mayor nivel de detalle e integración desde el primer momento.

La opción de restaurar al servicio de lenguaje JavaScript heredado ya no está disponible. Los usuarios tienen disponible el nuevo servicio de lenguaje JavaScript. El nuevo servicio de lenguaje se basa únicamente en el servicio de lenguaje TypeScript, que se basa en el análisis estático. Este servicio nos permite proporcionar mejores herramientas, por lo que el código JavaScript puede beneficiarse de IntelliSense más completo en función de las definiciones de tipo. El nuevo servicio es ligero y consume menos memoria que el servicio heredado, lo que proporciona un mejor rendimiento a medida que se escala el código. También hemos mejorado el rendimiento del servicio de lenguaje para controlar proyectos más grandes.

Compatibilidad con TypeScript

De forma predeterminada, Visual Studio 2022 proporciona compatibilidad con lenguajes para archivos JavaScript y TypeScript para alimentar IntelliSense sin ninguna configuración de proyecto específica.

Para compilar TypeScript, Visual Studio ofrece la flexibilidad de elegir la versión de TypeScript que se va a usar por proyecto.

En escenarios de compilación de MSBuild como ASP.NET Core, el paquete NuGet de TypeScript es el método recomendado para agregar compatibilidad con la compilación de TypeScript al proyecto. 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. Cuando se usa el paquete NuGet, se usará la versión del servicio de lenguaje correspondiente para la compatibilidad con idiomas en el proyecto. Nota: La versión mínima admitida de este paquete es la 3.6.

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

El SDK de TypeScript está en desuso en Visual Studio 2022. Los proyectos existentes que dependen del SDK deben actualizarse para usar el paquete NuGet.

Sugerencia

En el caso de los proyectos desarrollados en Visual Studio 2022, le recomendamos que use el paquete NuGet de TypeScript o typeScript npm para una mayor portabilidad en diferentes plataformas y entornos. Para obtener más información, consulte Compile TypeScript code using NuGet and Compile TypeScript code using npm (Compilar código TypeScript mediante npm).

Plantillas de proyecto

A partir de Visual Studio 2022, hay un nuevo tipo de proyecto JavaScript/TypeScript (.esproj), denominado JavaScript Project System (JSPS), que permite crear proyectos independientes de Angular, React y Vue en Visual Studio. Estos proyectos de front-end se crean mediante las herramientas de la CLI de marco que ha instalado en el equipo 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 para el nuevo tipo de proyecto, consulte Propiedades de MSBuild para JSPS.

En estos nuevos proyectos, puede ejecutar pruebas unitarias de JavaScript y TypeScript, agregar y conectar fácilmente ASP.NET proyectos de CORE API y descargar los módulos de npm mediante el administrador de npm. Explora algunas guías rápidas y tutoriales para empezar. 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.