Novidades no WebStorm 2021.1

JavaScript e TypeScript

Complementação de código auxiliada por ML

As sugestões de complementação nos seus arquivos JavaScript e TypeScript agora serão classificadas usando algoritmos de machine learning. Leia este post de blog para saber mais.

Melhores sugestões de complementação para nomes de símbolos

Agora, o WebStorm considera nomes de arquivo ao mostrar sugestões de complementação para variáveis de nível superior, bem como para nomes de funções e classes.

Realce de sintaxe JSDoc aprimorado

Para tornar os comentários JSDoc mais legíveis, implementamos novas opções para ajustar o esquema de cores dos valores e tipos de tag JSDoc. Você pode encontrá-los em Preferences / Settings | Editor | Color Scheme | JavaScript / TypeScript.

Supressão de inspeções para arquivos

O WebStorm permite desativar inspeções individuais para todo o seu projeto ou em um nível mais granular, por exemplo, para uma instrução ou uma classe. Com a v2021.1, você também pode desativá-las com base em cada arquivo.

Frameworks e tecnologias

Serviço integrado de desenvolvimento colaborativo remoto

Agora, o WebStorm é fornecido com o Code With Me, nosso novo serviço para desenvolvimento colaborativo remoto e programação em pares. Você pode usá-lo para codificação em conjunto em tempo real e para conversar com outras pessoas diretamente do IDE.

Suporte para módulos CSS no Vue

A partir da v2021.1, o WebStorm oferece suporte a módulos CSS usados em arquivos .vue. O IDE resolve propriedades $style corretamente, fornecendo complementação de código, navegação e recursos básicos de refatoração para eles.

Melhorias para o cliente HTTP

Agora, é muito mais conveniente trabalhar com o cliente HTTP integrado. Você pode recolher a saída retornada usando um novo ícone, rolar rapidamente até a parte superior ou inferior da resposta, localizar e substituir usos do protocolo http:// com alguns cliques e fazer muito mais.

Escopo configurável para o ESLint

Se você tem o ESLint configurado para arquivos como .md ou .coffee, agora pode ver os erros relatados por ele no editor. Para isso, adicione esses tipos de arquivo a um novo campo Run for files.

Suporte para linhas JSON

Agora, o WebStorm oferece suporte ao formato de texto JSON Lines. O IDE reconhece os tipos de arquivo .jsonl, .jslines, .ldjson e .ndjson.

HTML e CSS

Suporte aprimorado para Stylelint

Corrija seu código CSS usando Stylelint com apenas alguns cliques. Passe o mouse sobre um problema no seu arquivo ou coloque o sinal de intercalação sobre ele, pressione Alt+Enter e selecione Stylelint: Fix current file.

Além disso, agora você pode especificar um caminho para o arquivo de configuração no campo correspondente em Preferences / Settings | Languages & Frameworks | Style Sheets | Stylelint.

Visão HTML integrada

Agora, você pode visualizar arquivos HTML estáticos diretamente no WebStorm. As alterações feitas em um arquivo HTML ou nos arquivos CSS e JavaScript vinculados serão salvas, com a visualização automaticamente recarregada para que você possa ver as alterações.

Especificidade dos seletores para CSS

When working with style sheets, you can now check the specificity of your selectors – just hover over a selector that you want to check. Como alternativa, concentre-se em um seletor e pressione Ctrl+Q para ver essas informações no pop-up Documentation.

Interface do usuário

Espessura da fonte ajustável

Agora, você pode escolher entre diferentes variações da fonte do editor que está usando: clara, regular ou negrito. As novas opções podem ser ajustadas em Typography Settings in Preferences / Settings | Editor | Fonts.

Maximizar guias na visualização dividida

Várias guias estão abertas na visualização dividida? Clique duas vezes na guia com a qual está trabalhando para maximizar a janela do editor para ela. Para trazer a guia de volta ao tamanho original, clique nela duas vezes novamente.

Documentação rápida mais útil

A documentação do MDN agora está incluída com o WebStorm. Isso ajudará a evitar problemas de conectividade com o site do MDN e fará com que a documentação no editor apareça mais rapidamente. Agora, ela também é mais informativa: por exemplo, você verá detalhes sobre as versões de navegador com suporte para APIs JavaScript.

Melhor acessibilidade

Se você usar o modo de alto contraste no Windows, o WebStorm sincronizará com o sistema operacional e aplicará o tema de alto contraste na primeira inicialização. Além disso, mais elementos da interface do usuário agora são lidos em voz alta corretamente quando você usa um leitor de tela.

Acesso rápido a projetos recentes no Windows

Melhoramos o suporte para listas de atalhos do Windows e tornamos possível abrir seus projetos recentes clicando com o botão direito do mouse no ícone do WebStorm na barra de tarefas ou no menu Iniciar.

Correções para muitos problemas

Este lançamento concentrou-se principalmente em melhorar a qualidade do WebStorm. Corrigimos muitos problemas conhecidos , incluindo aquele envolvendo a diferenciação de maiúsculas e minúsculas em nomes de arquivo ao trabalhar com diferentes sistemas de arquivos.

Controle de versão

Trabalho aprimorado com solicitações pull

Adicionamos várias melhorias que ajudarão você a trabalhar com solicitações pull de maneira mais eficiente. Por exemplo, agora você pode criar uma nova solicitação pull diretamente da janela de ferramentas Pull Requests clicando no ícone +.

Suporte para modelos de mensagem de submissão

Agora, o WebStorm oferece suporte a modelos de mensagem de submissão Git, que você pode usar para se lembrar do que precisa ser incluído em uma mensagem. Quando você definir esse modelo, o IDE mostrará seu texto como uma mensagem de submissão inicial.

Nova ação para salvar no Shelf

Agora, você pode usar uma nova ação, Save to Shelf para copiar suas alterações no Shelf enquanto as mantém em alterações locais. Para experimentar, pressione Ctrl+Shift+A e digite Save to Shelf.