Novidades no WebStorm 2021.3

Já tínhamos incluído suporte a campos privados em 2018. Porém, como esse suporte era baseado na antiga proposta da TC39, ele desde então divergiu do padrão. Para manter a conformidade com o padrão, reformulamos o suporte existente do zero. O WebStorm 2021.3 agora oferece suporte apropriado aos membros de classes privadas ES2022.

Agora, você pode baixar módulos ES6 remotos usando uma correção rápida no caminho de importação em arquivos ES6. O módulo será baixado com todas as suas dependências e vinculado como uma biblioteca de projeto. Para experimentar, posicione o cursor no caminho de importação, pressione Alt+Enter e selecione Download module.

Melhoramos o mapeamento entre os arquivos .js e .d.ts e adicionamos ícones de medianiz para melhorar a navegação entre eles. Para saber mais sobre as mudanças, leia esta postagem do nosso blog.

O WebStorm 2021.3 permite que você atualize seus pacotes npm para a versão mais recente diretamente a partir do editor! Abra seu arquivo package.json, coloque o cursor na versão do pacote que você deseja atualizar e depois pressione Alt+Enter e selecione Update ‘package name’ to the latest version. Uma correção rápida também será exibida quando você passar o mouse sobre a versão do pacote.

Para melhorar sua experiência de trabalho com o Deno no WebStorm, nós migramos para o Deno LSP e corrigimos vários problemas conhecidos. Confira esta postagem do nosso blog para saber mais sobre como começar a usar o Deno.

Melhoramos o funcionamento da complementação de código em HTML. Sempre que você digitar um nome de tag ou uma abreviação no editor, ou invocar a complementação de código, o WebStorm mostrará sugestões relevantes imediatamente. Antes, ele só mostrava essas sugestões se você digitasse um <. Além disso, a complementação de código para referências de entidades de caracteres deve funcionar melhor agora.

O WebStorm 2021.3 oferece suporte à verificação de tipos em templates do Vue. O IDE avisará você quando um tipo incorreto for usado nas expressões associadas a propriedades. Isto também funcionará para atributos do React.

Neste lançamento, melhoramos significativamente o cliente HTTP integrado do WebStorm. Adicionamos muitas novas funcionalidades, incluindo suporte para respostas binárias, redirecionamento de saída para um arquivo ou diretório personalizado e muito mais.

O WebStorm 2021.3 oferece suporte a uma versão beta do nosso novo workflow de desenvolvimento remoto. Agora, você pode conectar-se a uma máquina remota executando um back-end de IDE e trabalhar em um projeto localizado lá como se estivesse na sua máquina local. Isto é possível graças à nossa nova aplicação chamada JetBrains Gateway. Para mais detalhes, veja esta postagem do nosso blog.

Para este lançamento, fizemos algumas melhorias significativas que oferecem suporte ao workflow em que o Node.js é instalado no Docker e, em seguida, é usado por integrações do WebStorm com ferramentas JavaScript. Seu IDE agora permitirá que você use o interpretador remoto Node.js com ESLint, Jest, Mocha e npm. Para mais informações, veja esta postagem do nosso blog.

Agora, você pode especificar um servidor proxy HTTP ou SOCKS para a sua configuração SSH em Preferences / Settings | Tools | SSH Configurations. Na nova seção HTTP/SOCKS Proxy, você pode selecionar o tipo de proxy, inserir um nome de host e uma porta e, se necessário, aplicar a autenticação com um login e uma senha.

Você tem várias configurações em execução e deseja ver seus resultados simultaneamente? Agora, você pode dividir a janela de ferramentas Run. Para fazer isso, arraste a aba desejada até a área destacada e solte-a lá. Para desfazer a divisão da janela de ferramentas, você pode arrastar a aba de volta ou clicar com o botão direito do mouse no painel superior e selecionar Unsplit no menu de contexto.

O WebStorm costumava ter duas instâncias muito semelhantes: Favorites e Bookmarks. Como a diferença pode ser confusa, decidimos manter apenas uma: Bookmarks. Reformulamos o workflow para este recurso e criamos uma nova janela de ferramentas para ele. De agora em diante, todos os arquivos, pastas e classes marcados como importantes com F11 estarão localizados na nova janela de ferramentas Bookmarks.

Ao visualizar os usos de um símbolo com Ctrl+Alt+F7, ou pressionando Ctrl e clicando na definição, agora você pode ativar a visualização do código-fonte para um uso encontrado clicando no ícone quadrado.

O terminal incorporado do WebStorm agora oferece suporte à nova API ConPTY no Windows. Essa mudança nos ajudou a resolver vários problemas e adicionar suporte para cores de 24 bits. Além disso, o suporte de digitação antecipada recém-adicionado prevê modificações de texto e as exibe em cinza claro imediatamente. Esse recurso permite que você digite no terminal com a mesma rapidez, quer você trabalhe numa máquina local ou remota.

Reorganizamos tudo em Preferences / Settings | Version Control para tornar as principais opções de configuração mais detectáveis. Por exemplo, as configurações no nó Git agora estão divididas em seções que representam os processos mais importantes: Commit, Push e Update. Além disso, os parâmetros dentro dessas seções agora são organizados de maneira mais lógica.

Às vezes, você pode ter alguns commits prontos para serem enviados, enquanto outros ainda estão em andamento. Nesses casos, você pode querer enviar apenas aqueles nas quais tem confiança. O WebStorm permitirá que você envie commits até aquele que selecionou na aba Log da janela de ferramentas Git. Basta escolher o commit, clicar com o botão direito nele e selecionar Push All up to Here.

Com a ação Checkout and Rebase onto Current, você pode fazer check-out do branch selecionado e depois fazer rebase dele sobre um branch que já esteja em check-out. Antes, essa ação estava disponível apenas para branches locais. Na versão v2021.3, você também pode usá-la para branches remotos.

Antes, o WebStorm mostrava a diferença entre commits em uma caixa de diálogo separada. A partir deste lançamento, o IDE exibirá essas informações em uma nova janela de ferramentas Changes. Para abrir a nova janela de ferramentas, na aba Log do seu sistema de controle de versão, clique com o botão direito em uma revisão e selecione Compare with local no menu de contexto.