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.

WebStorm now supports Vitest, a Vite-native unit test framework! 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. To learn more about the changes, watch this webinar recording.

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 detrás da lista de resultados do Search Everywhere foi ajustado para deixar 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.

WebStorm 2022.3 will detect vulnerabilities in the packages used in your projects by checking the packages against the Checkmarx SCA Database and the 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 um IDE completo no Windows, você pode inicializar o back-end do seu 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 para blocos de script executado antes de 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.