Novidades no WebStorm 2024.3

Aprimoramos as dicas no editor para os componentes Vue, Svelte e Astro. A ação Show component usages agora localiza usos em importações e templates de markup. Também adicionamos um filtro, Show Component Usages, para excluir usos de componentes ao pesquisar referências de arquivos comuns. A refatoração Rename também foi atualizada com uma opção para incluir usos ao renomear um arquivo de componente.

As ferramentas de banco de dados e o suporte completo para SQL, anteriormente disponíveis por meio de um plug-in pago, agora estão incluídos no WebStorm sem custo adicional. Você pode consultar, criar e gerenciar bancos de dados diretamente no IDE. Isso amplia os recursos do WebStorm para desenvolvimento back-end e full-stack e facilita a alternância entre os JetBrains IDEs, pois a maioria deles inclui essa funcionalidade.

Trabalhamos para resolver as principais preocupações sobre a qualidade do AI Assistant. Esta versão aprimora o recurso de complementação de código para JavaScript e TypeScript e adiciona suporte para HTML e CSS. Ao combinar sugestões locais de linha completa com sugestões baseadas na nuvem dos LLMs internos da JetBrains, aumentamos a velocidade e a precisão e reduzimos as sugestões irrelevantes.

Para obter mais detalhes, consulte esta postagem do nosso blog.

A visualização de cores das classes CSS do Tailwind agora é exibida em linha no editor, facilitando a distinção entre as cores. Adicionamos suporte ao método textDocument/documentColor do Language Server Protocol (LSP), e agora todos os plug-ins baseados em LSP oferecem essa funcionalidade imediatamente.

Para projetos com o Angular 19, o WebStorm agora assume como padrão o modo standalone para componentes, diretivas e pipes. Correções rápidas foram adicionadas para ajudar na conversão entre componentes standalone e não standalone. Importações standalone não utilizadas podem ser removidas automaticamente durante a reformatação do código ou por meio de uma nova inspeção. O suporte à sintaxe @let também foi aprimorado.

Agora, o WebStorm lida corretamente com arquivos .prettierignore em subpastas com um package.json, garantindo que arquivos ignorados não sejam formatados. Uma nova opção também permite que você especifique arquivos ignorados personalizados em Settings | Languages & Frameworks | JavaScript | Prettier.

O Vue Language Server agora é fornecido com o WebStorm para aumentar a confiabilidade e evitar problemas com o carregamento no WSL. No futuro, planejamos fazer o mesmo com o Svelte, o Astro e outras tecnologias.

Adicionamos suporte para o atributo <script module>, garantindo que os símbolos desses blocos sejam resolvidos corretamente. Além disso, há uma nova caixa de seleção para desabilitar avisos SvelteKit a11y, proporcionando mais controle sobre os avisos de acessibilidade.

Otimizamos o posicionamento da ação Rename no menu de contexto quando ela é chamada em elementos no editor e na janela de ferramentas Project. A ação agora está no nível superior, facilitando a renomeação rápida de arquivos, variáveis e outros elementos.

O WebStorm agora exclui resultados node_modules por padrão ao usar Find in Files nos diretórios de projetos, reduzindo a desordem causada por arquivos irrelevantes. Você pode restaurar o comportamento anterior habilitando a opção Search in library files when “Directory” is selected in Find in Files, em Settings | Advanced Settings.

Por padrão, o WebStorm agora realçará automaticamente todas as instâncias do texto que você selecionar em um arquivo. Isso facilita o rastreamento de onde o texto selecionado aparece no seu código. Você pode personalizar o recurso em Settings | Editor | General | Appearance.

Anteriormente, a pasta .idea, um local onde o WebStorm armazena definições de configuração interna, ficava oculta por padrão. Isso tornava mais difícil para alguns usuários fazer commits das configurações de todo o projeto. Para resolver esse problema, nós a tornamos visível na janela de ferramentas Project.

O WebStorm agora exclui automaticamente da indexação arquivos desnecessários na pasta dist a fim de otimizar o uso da CPU e diminuir o tempo de indexação.

Agora, você pode gerenciar verificações em segundo plano durante o processo de commit com uma nova opção em Settings | Version Control | Commit | Advanced Commit Checks | Run advanced checks after a commit is done. Essa configuração permite decidir se testes e inspeções devem ser executados depois de você fazer um commit. Se quiser aguardar a conclusão dessas verificações, basta desabilitar essa opção.