O IDE para JavaScript e TypeScript, para você e os seus agentes
Faça um prompt para um agente ou escreva você mesmo o código — das duas maneiras, o WebStorm garante a qualidade do seu código.
Descreva a sua tarefa digitando ou ditando, ou simplesmente selecione o código e mande-o diretamente para um agente. Para o trabalho com interfaces de usuário, aponte o agente para o código do seu projeto visual e ele implementará o componente correspondente.
Escolha um agente no catálogo incluído ou fique com o agente já instalado na sua máquina. Depois, selecione o projeto, a assinatura e se o agente deve ser executado na interface gráfica ou no terminal incorporado.
Deixe um agente migrar um componente para o TypeScript, enquanto outro corrige um teste falhado, no mesmo projeto ou em vários ao mesmo tempo. A janela Agent Sessions mostra o que está em execução, o que está sendo feito e o que está esperando por uma ação sua.
Os diffs são abertos diretamente na sessão, para você poder fazer um comentário em uma linha e enviá-lo de volta como a sua próxima instrução. Para alterações na interface de usuário, o agente abre a sua sessão no navegador, verifica logs de console e solicitações de rede, tira capturas de tela e reexecuta o fluxo. Você pode confirmar a correção antes de fazer o merge dela.
Navegue, refatore, teste e depure com um conjunto completo de ferramentas para JavaScript na mesma janela. Verifique o histórico de commits e faça o merge quando você tiver confiança no seu código.



"Primeiro, eu deveria mencionar que sou um feliz usuário do JetBrains AI no WebStorm e venho pagando a assinatura AI Ultimate desde o início. Depois de usar o Junie, mudei para o AI Assistant integrado, primeiro com o Claude e depois passando para o Codex, para coisas mais relacionadas ao front-end. Tudo funciona muito bem e a integração com o projeto é sólida, tanto para a análise quanto para as alterações no código. (…) Gosto especialmente da flexibilidade para mudar de modelo, em vez de ter que se contentar com um só provedor."
"Outra coisa é a refatoração do código. Posso estar errado, mas parece que simplesmente renomear um símbolo pode consumir um monte de tokens e demorar muito. Nas últimas vezes, passei literalmente para o WebStorm só para renomear e mudar coisas de lugar rapidamente. Provavelmente, o agente deveria ter melhores ferramentas para essas tarefas comuns de desenvolvimento, para pesquisar adequadamente a base de código e compreender a árvore sintática abstrata, em vez de ir fazendo grep com as coisas."
"Esta semana, finalmente experimentei o WebStorm (eu tinha uma licença da JetBrains sobrando) e uau! É tão mais suave! Demorei cerca de uma hora para configurar o ESLint, mas agora tudo simplesmente funciona e a complementação automática é inteligente o bastante para nem precisar do Copilot. Passo o mouse sobre qualquer símbolo e a definição dele aparece instantaneamente. O interessante é que o WebStorm consome mais recursos que o VS Code, mas esses recursos a mais valem a pena em comparação. No geral, sinto-me muito mais produtivo usando o WebStorm esta semana do que em meses brigando com o VS Code."
"O Figma Connect no WebStorm mudou tudo para mim! O beta funcionou sem problemas, poupando muito tempo em telas e componentes complexos. Ele até ajudou a abordar o feedback de avaliação do trabalho feito sem ele. Muito obrigado!"
"Este plug-in era um dos recursos mais úteis do WebStorm. Agora que ele é gratuito de novo, estou muito contente. Para mim, o grande destaque foi funcionar com o Slonik, no qual eu podia fazer verificações sintáticas e semânticas (isto é, se as tabelas e colunas referenciadas realmente existiam) em consultas brutas de SQL dentro de arquivos de TypeScript ou JavaScript."
SOC 2 Tipo II
RGPD
Avaliação gratuita por 30 dias

Os agentes trabalham na tarefa à frente deles. O WebStorm dá a você o quadro completo, esclarecendo como uma alteração se encaixa no resto da base de código, o que ela afeta e se ela realmente funciona. A depuração, os testes e a refatoração segura estão a um clique de distância, para você poder verificar e entregar o que o agente criou.
Sim. A edição, a navegação, as refatorações, os testes e a depuração continuam sendo partes centrais do WebStorm. Use um agente quando isso for útil, escreva você mesmo o código ou alterne entre essas duas abordagens, tudo no mesmo IDE. Saiba mais sobre nossa visão.
Sim. Você pode usar os agentes incluídos com o JetBrains AI, conectar agentes compatíveis com ACP, trazer o seu próprio provedor e chave de API ou configurar um modelo local com suporte.
O WebStorm dá ao seu agente ferramentas determinísticas para pesquisa inteligente, análise profunda e alterações sensíveis à estrutura em toda a sua base de código em JavaScript e TypeScript. Assim, ele localiza o código relevante com precisão e faz alterações em todo o projeto, usando o modelo de código do IDE e não uma mera correspondência de texto. O resultado: menos tokens e menos desvios.
Sim. React, Angular, Vue, Next.js, TypeScript, Node.js e outros já estão incluídos e vêm pré-configurados desde o início, sem ter que caçar extensões e sem trabalho extra de configuração.
O WebStorm é gratuito para uso não comercial. Para fins comerciais, está disponível uma avaliação gratuita de 30 dias.
Sim, todas as ferramentas de banco de dados do DataGrip estão incorporadas, sem necessidade de instalações adicionais. Você pode consultar qualquer banco de dados, importar dados e gerenciar tabelas e versões. Saiba mais sobre o suporte a banco de dados no WebStorm.