Novidades no WebStorm 2020.2

Frameworks e tecnologias

Use o Prettier como formatador padrão

Deseja usar o Prettier em vez do formatador incorporado para organizar seu código? Com essa atualização, isso ficou ainda mais fácil do que antes. Basta marcar a nova caixa de seleção On code reformat, e o IDE usará o Prettier sempre que você reformatar seus arquivos .js, .ts, .jsx e .tsx. Outros tipos de arquivos também podem ser facilmente adicionados.

Obtenha suporte para Nuxt.js

Deixe o WebStorm ajudar você a trabalhar com o Nuxt.js de maneira mais produtiva! Use recursos de assistência para codificação na seção de modelos e no arquivo nuxt.config.js , revise a documentação rápida para os principais componentes do Nuxt, obtenha suporte para Vuex store nos seus projetos Nuxt e muito mais.

Configure o estilo de código específico do Vue rapidamente

Com as configurações de estilo de código específicas do Vue, você pode escolher quais tags de nível superior devem ter seu conteúdo recuado e se o recuo deve ser o mesmo para todo o arquivo Vue ou se deve depender das configurações de linguagem. Você também pode alterar como as interpolações devem ser formatadas dentro do seu código Vue.

Suporte para Git instalado no WSL 2

Continuamos adicionando suporte a todos os fluxos de trabalho relacionados a WSL necessários para nossos IDEs. Agora, se você abrir um projeto a partir do WSL, o IDE automaticamente mudará para o Git do WSL e permitirá que você use toda a funcionalidade relacionada.

Alterações no Vue em projetos TypeScript

Melhoramos a maneira como o serviço de linguagem TypeScript funciona com arquivos .vue. Agora, eles são tratados como arquivos .ts ou .tsx. Importações de arquivos Vue dentro de outros arquivos Vue ou TypeScript não devem mais causar problemas.

JavaScript e TypeScript

Economize tempo com novas intenções

Novas intenções inteligentes (Alt+Enter) ajudará você a realizar mais rapidamente algumas ações em torno de encadeamento opcional e coalescência nula, bem como loops. Por exemplo, agora, você pode converter rapidamente um loop for com um índice numérico em um método de array forEach.

Renderize comentários JSDoc diretamente no editor

A leitura de comentários do JSDoc pode ser um desafio devido a todas as tags pelas quais você precisa passar. Para tornar isso mais fácil, tornamos possível renderizar esses comentários diretamente no editor, eliminando distrações desnecessárias.

Inicie a depuração em janelas de ferramentas

O WebStorm agora permite que você inicie uma sessão de depuração nas janelas de ferramentas Run e Terminal. Por exemplo, se você executar um script como npm start, mantiver as teclas Ctrl+Shift pressionadas e clicar em um link http na saída desse script, o IDE iniciará uma sessão de depuração do JavaScript para você.

Visualizações de itens aprimoradas ao depurar

Ao depurar, você notará alguns aprimoramentos nas visualizações de itens no console integrado. Esses aprimoramentos fornecerão detalhes mais úteis sobre um objeto sem que você precise expandi-lo.

HTML e folhas de estilos

Obtenha melhor suporte para regras @use e @forward

No ano passado, introduzimos suporte inicial para as regras @use e @forward usadas no Sass e SCSS. Agora, esse suporte foi extendido, e você pode esperar que o WebStorm forneça complementação mais inteligente e resolução aprimorada para símbolos importados.

Visualize imagens WebP no IDE

A partir da versão v2020.2, você pode visualizar imagens .webp diretamente no WebStorm, como faria para arquivos .jpeg ou .png. Anteriormente, o WebStorm não reconhecia o formato da imagem .webp, forçando você a mudar para outro aplicativo sempre que necessário para examinar essas imagens.

Controle de versão

Aproveite o suporte completo para pull requests do GitHub

No WebStorm 2020.2, estendemos o suporte para pull requests do GitHub para facilitar o seu trabalho. Agora, você pode ver e mesclar todos os PRs, bem como revisar código - tudo isso sem sair do IDE.

Caixas de diálogos reformuladas para ações do Git

O WebStorm 2020.2 remove a desordem nas caixas de diálogo para as ações de mesclagem, extração e rebase. Ele também adiciona algumas novas opções, como –rebase na caixa de diálogo Pull e –no-verify na caixa de diálogo Merge.

Submissões locais de squash a partir do log

Agora, você pode selecionar um número de submissões locais na guia Log da janela de ferramentas Git e fazer squash em uma única submissão. Essa ação está disponível no menu de contexto, que pode ser chamado com o botão direito do mouse.

Edição de código

Identifique problemas no seu código mais rapidamente

Com o novo widget Inspections e a janela de ferramentas Problems, você pode obter informações detalhadas sobre o número de avisos, erros e outros problemas no arquivo atual, bem como navegar entre eles.

Adicione sinais de intercalação no final de cada linha selecionada

A nova ação para trabalhar com vários sinais de intercalação (Alt+Shift+G) permite colocar rapidamente sinais de intercalação no final de cada linha selecionada e remover a seleção assim que todos esses sinais são adicionados.