JavaScript e TypeScript no Visual Studio

O Visual Studio 2022 oferece suporte avançado para desenvolvimento de JavaScript, usando JavaScript diretamente ou a linguagem de programação TypeScript, desenvolvida para proporcionar uma experiência de desenvolvimento de JavaScript mais produtiva e agradável, especialmente ao desenvolver projetos em escala. É possível 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 de JavaScript no Visual Studio de 2022 é alimentada pelo mesmo mecanismo que dá suporte a TypeScript. Esse mecanismo dá um melhor suporte a recursos, sofisticação e integração prontos para uso.

A opção de restaurar o serviço de linguagem JavaScript herdado 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 baseia-se exclusivamente no serviço de linguagem TypeScript, que é alimentado por análise estática. Esse serviço permite fornecer a você melhores ferramentas, para que seu código JavaScript possa se beneficiar de um IntelliSense mais sofisticado com base nas definições de tipo. O novo serviço é leve e consome menos memória do que o serviço herdado, fornecendo a você um melhor desempenho conforme o escalonamento do seu código. Também melhoramos o desempenho do serviço de linguagem para lidar com projetos maiores.

Suporte a TypeScript

Por padrão, o Visual Studio 2022 dá suporte de linguagem a arquivos JavaScript e TypeScript para alimentar o IntelliSense sem a necessidade de nenhuma configuração de projeto específica.

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

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

Os projetos configurados para npm, como os em Node.js, podem especificar a 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 com suporte. Observação: a versão mínima com suporte desse pacote é 2.1.

O TypeScript SDK foi preterido no Visual Studio 2022. Os projetos existentes que dependem do SDK devem ser atualizados para usar o pacote NuGet. Para projetos que não podem ser atualizados imediatamente, o SDK ainda está disponível no Visual Studio Marketplace e como um componente opcional no instalador do Visual Studio.

Dica

Para projetos desenvolvidos no Visual Studio 2022, incentivamos você a usar os pacotes npm e NuGet do TypeScript para permitir maior portabilidade entre diferentes plataformas e ambientes. Para obter mais informações, confira Compilar código TypeScript usando NuGet e Compilar código TypeScript usando tsc.

Modelos de projeto

A partir do Visual Studio 2022, existe um novo tipo de projeto JavaScript/TypeScript (.esproj), chamado JavaScript Project System (JSPS), que permite que você crie projetos autônomos Angulares, React e Vue no Visual Studio. Esses projetos de front-end são criados com o uso das ferramentas da CLI da estrutura instaladas no computador local, ou seja, a versão do modelo depende de você. Para migrar de projetos Node.js existentes para o novo sistema de projetos, confira Migrar projetos Node.js. Para obter informações sobre o MSBuild para o novo tipo de projeto, consulte Propriedades do MSBuild para JSPS

Nesses novos projetos, você pode executar testes de unidade JavaScript e TypeScript, adicionar e conectar facilmente projetos de API ASP.NET Core e baixar 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, confira 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 do 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 para criação e publicação.