Novidades no WebStorm 2022.3

Reformulamos o assistente New Project, disponível na tela Welcome do WebStorm. Na versão 2022.2, removemos os templates de projeto para AngularJS, Cordova e Meteor. Neste lançamento, adicionamos novos templates de projeto para Vite e Next.js, bem como atualizamos o Vue para que ele siga os padrões mais recentes.

Agora, o WebStorm oferece suporte para Vitest, um framework nativo do Vite para testes de unidade! Você pode executar, reexecutar e depurar seus testes de todas as principais maneiras esperadas, inclusive por meio de ícones de medianiz. Além disso, o modo watch está habilitado com o cenário All Tests por padrão. Também há suporte para testes de snapshots e cobertura no modo watch, fornecendo feedback quase instantâneo sobre a cobertura durante a programação.

O WebStorm agora pode cuidar de importações não resolvidas e oferecerá sugestões para importar componentes Vue. Também oferecemos suporte à sintaxe de desestruturação de props, melhoramos o comportamento de complementação de código e verificação de tipos para props de componentes de biblioteca Vue e corrigimos vários problemas com o Nuxt 3.

Há mais uma melhoria para o Vue neste lançamento que vale a pena dar uma conferida mais de perto: novos snippets de código ou Live Templates, como são chamados no WebStorm. Você pode usá-los para adicionar construções comuns, como script setup ou export default de maneira mais rápida. Acesse Preferences / Settings | Editor | Live Templates e expanda a seção Vue para navegar pelos snippets de código disponíveis.

Adicionamos suporte para a restrição de tipos em templates Angular, o que fornecerá informações de tipo mais precisas e melhores sugestões de complementação de código. Além disso, o WebStorm agora exclui a pasta de cache .angular das pesquisas globais para ajudar a fornecer melhores resultados de pesquisa.

O recurso Code Vision do Rider e do IntelliJ IDEA chegou ao WebStorm! O Code Vision reúne várias métricas para tipos e membros de tipo e exibe essas informações perto de suas declarações. Isso facilitará o rastreamento dos usos de várias classes, métodos, aliases de tipo e interfaces no seu código. Acesse Preferences / Settings | Editor | Inlay Hints para configurar o Code Vision.

Enviamos várias correções para trabalhar com monorepos e TypeScript no WebStorm. Os recursos de navegação, autoimportação e refatoração Rename também funcionarão de maneira muito mais confiável. Isso funciona para todos os gerenciadores de pacotes populares, incluindo npm, Yarn e pnpm.

O WebStorm 2022.3 inclui uma nova intenção para classificar objetos JavaScript e TypeScript em ordem alfabética. Quando você executa essa intenção, ela reformata o código para todas as propriedades dentro de um objeto em ordem alfabética. Para usar essa intenção, realce os objetos no método, pressione Alt+Enter e selecione Sort properties alphabetically.

No início deste ano, anunciamos um programa de prévia fechado da nova interface de usuário para os IDEs da JetBrains. Com esse primeiro passo, pretendemos apresentar o visual retrabalhado dos nossos IDEs a um número limitado de usuários. Agora, estamos convidando você a mudar para a nova UI em Preferences / Settings | Appearance & Behavior / New UI e compartilhar suas impressões sobre ela. Para saber mais sobre as mudanças, assista a gravação deste webinar.

Para facilitar a organização do seu espaço de trabalho e a interação com o WebStorm em vários monitores, implementamos a opção de arrastar as janelas de ferramentas para fora da janela principal e encaixá-las nas abas flutuantes do editor.

O algoritmo por trás da Busca em Toda Parte teve seu resultado ajustado para tornar seu comportamento mais previsível e preciso. O IDE irá congelar os primeiros resultados de pesquisa que aparecerem e não irá reordená-los à medida que mais opções forem encontradas. Além disso, a classificação de ML agora está habilitada para a aba Files, resultando em maior precisão dos resultados da pesquisa.

O novo plug-in Settings Sync agora está disponível para o WebStorm. Essa nova solução é capaz de sincronizar a maioria das configurações compartilháveis da plataforma, plug-ins incluídos e alguns plug-ins de terceiros. Estamos descontinuando o suporte para o antigo plug-in IDE Settings Sync e desagregando o Settings Repository. Para obter mais informações, consulte esta postagem de blog.

Fizemos ajustes na ferramenta de aprendizagem incorporada do WebStorm, a Tip of the Day. Adicionamos a funcionalidade de classificação de dicas e reformulamos o algoritmo de exibição dessas dicas. Isto vai deixá-las mais relevantes para sua experiência com o IDE e o projeto no qual você está trabalhando.

Reformulamos o comportamento da ação de colar (Ctrl+V). Agora, quando você copiar (Ctrl+C) ou recortar (Ctrl+X) uma linha sem código selecionado, a ação de colar adicionará o conteúdo da área de transferência acima da linha atual, e não na posição do cursor, como acontecia nas versões anteriores. É possível desabilitar esse comportamento em Preferences / Settings | Advanced Settings.

Adicionamos novas funcionalidades para pré-visualizar e explicar o que acontecerá se você aplicar a ação selecionada. A pré-visualização aparece quando você abre a lista de ações de intenção disponíveis e passa o mouse sobre as diferentes opções. É possível desabilitar esse recurso pressionando Ctrl+Q enquanto a lista de ações de intenção está aberta.

O WebStorm 2022.3 detectará vulnerabilidades nos pacotes usados nos seus projetos pesquisando esses pacotes no Banco de Dados Checkmarx SCA e no National Vulnerability Database. O IDE realçará os pacotes considerados vulneráveis e sugerirá correções quando disponíveis.

Há uma nova correção rápida para suprimir inspeções com um comentário em arquivos YAML, incluindo docker-compose.yml, arquivos Kubernetes e especificações OpenAPI. Também introduzimos uma opção conveniente para dobrar comentários multilinhas que formam um bloco de três ou mais linhas e começam com #: usar os ícones de mais e menos à esquerda do comentário.

O WebStorm agora oferece suporte para conexões com o Docker executadas no WSL. Além disso, há uma nova intenção Pull Docker image, suporte total para arquivos .dockerignore e a sintaxe heredoc, bem como a capacidade de configurar conexões do Docker usando Docker Contexts. Leia este post de blog para saber mais.

Reformulamos a UI Review list para ajudar a reduzir a carga cognitiva e fornecer rapidamente as informações mais importantes sobre as solicitações. Como parte disso, também garantimos uma aparência consistente em todas as plataformas de avaliação suportadas.

O WebStorm 2022.3 traz uma maneira alternativa de trabalhar com projetos executados em sistemas de arquivos WSL2. Em vez de executar uma IDE completa no Windows, você pode iniciar o backend da sua IDE diretamente no WSL2. Em seguida, basta conectar-se a ele da mesma forma que você se conectaria a qualquer máquina remota ao usar o desenvolvimento remoto no WebStorm.

O Cliente HTTP agora oferece suporte a blocos de script executados antes das solicitações. Você pode gerar dados antes da execução de uma solicitação e colocá-los na solicitação final usando variáveis. O WebStorm agora também fornece a API сrypto, tornando seu código capaz de calcular os valores de hash md5 ou sha1 para uma solicitação HTTP.

O cliente HTTP agora oferece melhores opções de formatação para solicitações com URLs longas. Você também pode usar a ação de intenção Put query parameters on separate lines para quebrar a consulta em fragmentos menores em linhas diferentes. Para controlar suas preferências em relação à formatação de solicitações HTTP, acesse Preferences / Settings | Editor | Code Style | HTTP Request | Wrapping and Braces.