Compartilhar via


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.

O Visual Studio 2019 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 2019 é alimentada pelo mesmo mecanismo que oferece suporte a TypeScript. Isso oferece 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 agora 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. Isso 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

O Visual Studio 2019 fornece várias opções para a integração de compilação de TypeScript ao seu projeto:

  • O pacote NuGet do TypeScript. Quando o pacote do NuGet para o TypeScript 3.2 ou posterior está instalado em seu projeto, a versão correspondente do serviço de linguagem TypeScript é carregada no editor.
  • O pacote npm do TypeScript. Quando o pacote npm para o TypeScript 2.1 ou posterior está instalado em seu projeto, a versão correspondente do serviço de linguagem TypeScript é carregada no editor.
  • O TypeScript SDK, disponível por padrão no instalador do Visual Studio, bem como um download de SDK autônomo do VS Marketplace.

Dica

Para projetos desenvolvidos no Visual Studio 2019, 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.

Projetos

Aplicativos JavaScript da UWP não são mais compatíveis com o Visual Studio 2019. Não é possível criar ou abrir projetos da UWP em JavaScript (arquivos com extensão .jsproj). Você pode saber mais na documentação sobre como criar PWAs (Aplicativos Web Progressivos) que são executados perfeitamente no Windows.