🗾 🐡 🚦 WebStorm 2020.1: aprimoramentos da interface, suporte ao Vuex e iniciando o Prettier ao salvar arquivos 👨🏾‍🎤 👏🏿 👨‍🎤

Olá a todos! Temos o prazer de apresentar a primeira grande atualização do WebStorm este ano. Na nova versão, você encontrará muitos novos recursos e melhorias há muito esperadas, incluindo o suporte Vuex e uma nova opção para iniciar o Prettier ao salvar arquivos.

Lançamento do webStorm-2020-1

Baixe a versão de avaliação de 30 dias do WebStorm 2020.1 online ou usando o App Toolbox . A versão completa pode ser usada por titulares de uma assinatura ativa do WebStorm ou All Products Pack, bem como estudantes e desenvolvedores gratuitos de projetos de código aberto.

Agora, vamos examinar as principais melhorias com mais detalhes.

Nova fonte para trabalhar com código

Ao longo do ano passado, desenvolvemos uma fonte especial para trabalhar com código que ajudaria nossos usuários a programar com grande conforto e minimizar a fadiga ocular. O resultado de nossos esforços é o JetBrains Mono , uma nova fonte de código aberto. A partir da versão 2020.1, o JetBrains Mono é selecionado por padrão no WebStorm e em nossos outros IDEs. A capacidade de incluir uma fonte diferente, é claro, também permaneceu.

jetbrains-mono

Documentação rápida mais útil.

O WebStorm 2020.1 ajuda a encontrar rapidamente as informações relevantes sobre um símbolo, porque a documentação rápida agora é exibida quando você passa o mouse sobre esse símbolo, e não apenas quando pressiona F1 . Se houver um problema no seu código e o WebStorm puder ajudar com sua solução, ele também informará sobre isso, exibindo uma correção rápida disponível na janela pop-up da documentação.

docs em foco

Ao trabalhar com códigos JavaScript e TypeScript, a documentação rápida mostra informações detalhadas sobre o tipo e a visibilidade de um caractere, bem como onde esse caractere está definido.

ts-quick-docs

Modo Zen para trabalho focado

O novo modo Zen ajuda você a se concentrar completamente no seu código. Combinando dois modos, Livre de distração e Tela cheia , permite ativar rapidamente os dois e isolar temporariamente algo que pode distrair sua atenção.

Para experimentar o novo modo, vá para Exibir | Aparência Entre no Modo Zen no menu principal do WebStorm ou use a janela pop-up Alternar ( Ctrl + `| Modo de exibição | Entre no Modo Zen ).

Suporte para API Vuex e Vue Composition

O Vue.js está ganhando popularidade, por isso estamos trabalhando ativamente para tornar o WebStorm o IDE mais útil para trabalhar com essa estrutura. Desta vez, adicionamos duas grandes melhorias.

Para começar, ao trabalhar com a biblioteca Vuex, você verá opções para o preenchimento de código dos símbolos e módulos da loja Vue ao editar os componentes do Vue. O WebStorm também ajuda você a avançar rapidamente para definir getters, mutações e ações.

conclusão vuex

Em segundo lugar, como você já pode usar a API Composition, disponível na próxima versão do Vue 3, decidimos adicionar suporte para ela no WebStorm 2020.1.

vue-composition-api-support

Executando o Prettier ao salvar arquivos

Graças à nova opção Executar ao salvar para arquivos , você pode aplicar a formatação Prettier a todos os arquivos especificados nas configurações do WebStorm e editados no projeto atual, enquanto salva esses arquivos - você não precisa mais configurar o observador de arquivos ou usar um plug-in de terceiros.

mais bonito para economizar

Ajuda com erros gramaticais e estilísticos

A partir da versão 2020.1, o WebStorm vem com o Grazie, nossa ferramenta para verificar ortografia, gramática e estilo de texto. Isso ajudará a evitar erros gramaticais ao adicionar comentários, confirmações e várias construções de idioma.

Grazie

Por padrão, o Grazie está ativado apenas para o idioma inglês e não verifica todos os tipos de arquivo em busca de possíveis erros gramaticais. Você pode adicionar mais idiomas e alterar configurações predefinidas em Preferências / Configurações | Editor Revisão (vá para a seção Gramática , se você deseja configurar o escopo da verificação, consulte as regras existentes e adicione exceções).

Novas ações e inspeções de intenção

Como sempre, adicionamos novas ações de intenção e correções rápidas para ajudar você a economizar tempo ao trabalhar com código JavaScript e TypeScript. Por exemplo, uma das novas ações de intenção, disponível pressionando Alt + Enter , converterá rapidamente o código existente em encadeamento opcional e / ou coalescência nula.

converter para encadeamento opcional

Mais informações sobre as novas ações de intenção e correções rápidas estão disponíveis na postagem do blog de lançamento (em inglês).

Suporte para as versões mais recentes de tecnologias populares

No WebStorm 2020.1, você encontrará suporte embutido para a funcionalidade TypeScript 3.8, incluindo importações / exportações somente para tipo, campos particulares e nível superior await, que ajudarão você a trabalhar com eles de forma mais eficiente. Além disso, facilitamos o trabalho com os projetos do Angular 9, oferecendo suporte total ao novo formato de metadados.

Reorganização mais conveniente de confirmações

A ação Rebase interativamente a partir daqui , disponível na guia Logs da janela Git , permite editar, mesclar e excluir confirmações anteriores. Isso ajuda a tornar o histórico de consolidação mais linear e compreensível.

rebasing-commits

No WebStorm 2020.1, você encontrará uma versão aprimorada e mais interativa da caixa de diálogo Rebasing Commits que é aberta quando você chama a ação Reboot Interactively from Here . A caixa de diálogo atualizada exibe ações que podem ser aplicadas a cada confirmação. Ele também mostra informações detalhadas sobre cada confirmação e permite ver a diferença e descartar rapidamente as alterações aplicadas.

Usando o WebStorm para editar rapidamente arquivos

Graças ao novo modo LightEdit , você pode abrir arquivos em uma janela separada do editor de texto, sem criar ou carregar um projeto inteiro. O modo funcionará se o WebStorm ainda não estiver em execução. Se o WebStorm estiver em execução, o arquivo será aberto nele, como de costume.

Para experimentar o novo modo em ação, clique com o botão direito do mouse no arquivo que deseja editar e selecione WebStorm na lista de programas propostos. Como alternativa, você também pode configurar o iniciador da linha de comandos conforme descrito aqui e abrir o arquivo usando a linha de comandos.

modo lightedit

Isso é tudo de uma vez. Obrigado por ler até o fim! Você encontrará ainda mais detalhes na publicação do blog de lançamento .(em inglês). Perguntas, desejos e pensamentos expressos nos comentários. Como sempre, teremos o maior prazer em responder. Relatórios de bugs podem ser criados aqui .

JetBrains WebStorm A unidade para desenvolver a equipe

WebStorm 2020.1: aprimoramentos da interface, suporte ao Vuex e iniciando o Prettier ao salvar arquivos