Novidades no WebStorm 2022.2

Temos trabalhado ativamente no suporte ao Angular 14 no WebStorm. A adição mais importante que fizemos neste lançamento foi o suporte para componentes Angular standalone. Agora, o WebStorm reconhece corretamente componentes, diretivas e pipes marcados como standalone: true.

O WebStorm 2022.2 oferece melhor suporte para o Vue 3. Por exemplo, ele agora entende o estreitamento de tipos em diretivas v-if/else. Além disso, foram feitas melhorias no suporte ao Pinia, a solução de gerenciamento de estado recomendada pela equipe do Vue que funciona como um armazenamento global. Tanto a complementação quanto a resolução agora funcionam no Vue com a biblioteca do Pinia, e você pode navegar até ações e propriedades de estado no armazenamento.

O WebStorm 2022.2 inclui o TypeScript 4.7, oferecendo suporte a novos recursos de linguagem, como moduleSuffixes e ESM no Node.js. Ele inserirá automaticamente a extensão .js na instrução de importação se module estiver definido como node16 ou nodenext no seu arquivo tsconfig.json. Além disso, o WebStorm oferece suporte ao campo typesVersions em arquivos package.json.

O suporte para workflows de desenvolvimento remoto agora está disponível pronto para uso com o rótulo Beta. Você pode conectar-se a uma máquina remota com um back-end de IDE em execução e trabalhar em um projeto localizado lá como se estivesse na sua máquina local. Para começar, acesse a aba Remote Development na tela Welcome do WebStorm. Para mais informações, veja esta postagem do nosso blog.

Neste lançamento, você encontrará várias melhorias para trabalhar com o Docker. Agora, o WebStorm conecta-se automaticamente ao Docker quando você reinicia o IDE. Additionally, there is a new Copy Docker Image action and integration with Colima and Rancher.

O WebStorm 2022.2 inclui suporte para conexões WebSocket. Também adicionamos suporte para solicitações GraphQL, possibilitando o envio de consultas GraphQL por meio dos protocolos HTTP e WebSocket. Além disso, agora você pode selecionar um ambiente de execução em um ícone de medianiz antes de executá-lo.

Agora, o WebStorm tem integração incorporada para o JetBrains Space, nossa solução completa para equipes de software. Você pode conectar o IDE à sua organização no Space para visualizar e clonar repositórios de projetos, escrever scripts complexos que usam APIs do Space e revisar o código dos seus colegas de equipe.

Ao aumentar ou diminuir o zoom do seu código no editor, agora você pode ver um indicador que mostra o tamanho da fonte atual e a opção de reverter para o tamanho padrão.

Introduzimos a capacidade de alterar o tamanho da fonte em todo o editor com um atalho de teclado. Agora, você pode pressionar Alt+Shift+. para aumentar o tamanho da fonte. Pressione Alt+Shift+, para diminuí-lo.

O WebStorm tem dezenas de inspeções que localizam e relatam problemas no seu código, para que você possa mantê-lo sem erros. Na v2022.2, melhoramos a maneira de configurar realces no editor para essas inspeções. Acesse Preferences / Settings | Editor | Inspections, procure a inspeção necessária e altere o valor em Highlighting in editor.

Quando um dos seus arquivos é detectado como texto simples e não apresenta realce adequado, o WebStorm agora sugere redefinir a associação de tipo de arquivo potencialmente indesejada diretamente do editor, sem que seja necessário acessar Preferences / Settings e configurar os tipos de arquivo manualmente.

Agora, você pode acessar as configurações de complementação de código diretamente do pop-up de complementação de código no editor sempre que precisar alterar o funcionamento desse recurso.

As configurações de execução permitem que você execute, depure e teste seu código. Adicionamos a opção Current File para que novos usuários possam se familiarizar com elas com mais facilidade. Clique no botão correspondente à direita da opção: o WebStorm usará o tipo de configuração de execução mais adequado para o arquivo atual, como se você fosse executar esse arquivo a partir do menu de contexto.

Se você trabalha no macOS, agora pode combinar todas as janelas de projeto abertas em uma só, transformando-as em abas. Para realizar essa ação, acesse Window | Merge All Project Windows no menu principal.

Melhoramos a forma como a barra de progresso Cloning repository aparece na tela Welcome do WebStorm. A barra de progresso agora é exibida diretamente na lista Projects, tornando-a mais evidente e fácil de usar.