JavaScript e TypeScript no Visual Studio

O Visual Studio 2022 fornece suporte avançado para o desenvolvimento JavaScript, usando JavaScript diretamente, e também usando a linguagem de programação TypeScript, que foi desenvolvida para fornecer uma experiência de desenvolvimento JavaScript mais produtiva e agradável, especialmente ao desenvolver projetos em escala. Você pode escrever código JavaScript ou TypeScript no Visual Studio para muitos tipos de aplicativos e serviços.

Serviço de linguagem JavaScript

A experiência JavaScript no Visual Studio 2022 é alimentada pelo mesmo mecanismo que fornece suporte a TypeScript. Este motor oferece um suporte aprimorado a funcionalidades, maior riqueza de características e integração, tudo pronto para uso imediato.

A opção para restaurar para o antigo serviço de linguagem JavaScript não está mais disponível. Os usuários têm o novo serviço de linguagem JavaScript pronto para uso. O novo serviço de linguagem é baseado exclusivamente no serviço de linguagem TypeScript, que é alimentado por análise estática. Este serviço permite-nos fornecer-lhe melhores ferramentas, para que o seu código JavaScript possa beneficiar de um IntelliSense mais rico com base em definições de tipo. O novo serviço é leve e consome menos memória do que o serviço legado, proporcionando um melhor desempenho à medida que o código é dimensionado. Também melhoramos o desempenho do serviço linguístico para lidar com projetos maiores.

Suporte a TypeScript

Por padrão, o Visual Studio 2022 fornece suporte de linguagem para arquivos JavaScript e TypeScript para alimentar o IntelliSense sem qualquer configuração de projeto específica.

Para compilar o TypeScript, o Visual Studio oferece a flexibilidade de escolher qual versão do TypeScript usar por projeto.

Em cenários de compilação do MSBuild, como o ASP.NET Core, o pacote NuGet do TypeScript é o método recomendado para adicionar suporte à compilação do TypeScript ao seu projeto. O Visual Studio lhe dará a opção de adicionar esse pacote na primeira vez que você adicionar um arquivo TypeScript ao seu projeto. Este pacote também está disponível a qualquer momento através do gerenciador de pacotes NuGet. Quando o pacote NuGet é usado, a versão de serviço de idioma correspondente será usada para suporte a idiomas em seu projeto. Nota: A versão mínima suportada deste pacote é 3.6.

Projetos configurados para npm, como projetos Node.js, podem especificar sua própria versão do serviço de linguagem TypeScript adicionando o pacote npm TypeScript. Você pode especificar a versão usando o gerenciador npm em projetos suportados. Nota: A versão mínima suportada deste pacote é 2.1.

O SDK TypeScript foi preterido no Visual Studio 2022. Os projetos existentes que dependem do SDK devem ser atualizados para usar o pacote NuGet.

Sugestão

Para projetos desenvolvidos no Visual Studio 2022, recomendamos que você use o TypeScript NuGet ou o pacote npm TypeScript para maior portabilidade em diferentes plataformas e ambientes. Para obter mais informações, consulte Compilar código TypeScript usando NuGet e Compilar código TypeScript usando npm.

Modelos de projeto

A partir do Visual Studio 2022, há um novo tipo de projeto JavaScript/TypeScript (.esproj), chamado JSPS (JavaScript Project System), que permite criar projetos autônomos Angular, React e Vue no Visual Studio. Esses projetos front-end são criados usando as ferramentas de linha de comandos do framework que você instalou na sua máquina local, portanto, a versão do modelo fica a seu critério. Para migrar de projetos Node.js existentes para o novo sistema de projetos, consulte Migrar Node.js projetos. Para obter informações do MSBuild para o novo tipo de projeto, consulte Propriedades do MSBuild para JSPS

Nos novos projetos, pode-se executar testes de unidade JavaScript e TypeScript, facilmente adicionar e conectar-se a projetos de API ASP.NET Core e baixar os seus módulos npm usando o gerenciador npm. Confira alguns dos guias de início rápido e tutoriais para começar. Para obter mais informações, consulte Tutoriais do Visual Studio | JavaScript e TypeScript.

Observação

Um modelo simplificado e atualizado está disponível a partir do Visual Studio 2022 versão 17.5. Em comparação com os modelos SPA ASP.NET disponíveis no Visual Studio, os modelos SPA .esproj para ASP.NET Core fornecem melhor gerenciamento de dependência npm e melhor suporte a compilação e publicação.