Novidades no WebStorm 2019.3

Desempenho

Inicialização mais rápida

Até agora, um dos problemas de desempenho mais comuns enfrentados pelos usuários do WebStorm era a lenta inicialização do IDE. Nos últimos dois ciclos de lançamento, dedicamos muito esforço para reduzir o tempo que os usuários precisavam esperar para a tela de boas-vindas aparecer e para o IDE abrir projetos que já estão indexados. Como resultado, agora você pode esperar que o WebStorm lide com isso 20% mais rápido que as versões anteriores.

Frameworks e ferramentas

Preenchimento do Vue para arquivos separados

Complementação de código mais avançada para o Vue.js

Para ajudá-lo a aumentar a velocidade da sua codificação, o WebStorm agora pode preencher automaticamente os nomes dos slots para você. Isso funciona para nomes de slots definidos nos componentes do projeto e nas bibliotecas de componentes, como a Vuetify, a Quasar e a BootstrapVue.

Além disso, o WebStorm agora entende o link entre as partes do componente localizadas em arquivos separados e fornece sugestões precisas de preenchimento para adereços, dados e métodos não definidos em um único arquivo .vue.

Documentação rápida em projetos Vue.js

Com o WebStorm 2019.3, agora você pode conferir a documentação de componentes e diretivas definida no Vue.js e em algumas bibliotecas de componentes populares. Para isso, basta pressionar F1 no nome de um componente ou diretiva no seu código.

Suporte para as versões mais recentes de tecnologias populares

O WebStorm 2019.3 vem com suporte para esquemas com Angular 9 e o recurso Plug'n'Play do Yarn 2. Além disso, ele pode ajudá-lo a trabalhar com os principais recursos do TypeScript 3.7: encadeamento opcional, coalescência nula e assinaturas de asserção.

Melhor suporte para props em componentes React

Para componentes sem propTypes, o WebStorm não mais informará uma propriedade não resolvida para props.something na definição do componente se detectar que props são transmitidos no uso do componente.

JavaScript e TypeScript

Modelos de injeções de linguagem

Precisa trabalhar com um fragmento de código em uma linguagem diferente da linguagem principal do arquivo? Agora, você pode injetar esses fragmentos de código nos seus arquivos, incluindo Pug, Handlebars e EJS, pressionando Alt-Enter.

Sugestões de nomes para novos símbolos

À medida que você adiciona novos nomes de variáveis e parâmetros em arquivos JavaScript ou TypeScript, agora você recebe sugestões de nomes com base nos nomes de classes, interfaces e aliases de tipo definidos no projeto, em bibliotecas padrão e nas dependências que está usando.

Para novas variáveis, funções, classes e interfaces, você também receberá sugestões de nomes que já foram usados no mesmo escopo, mas que ainda não foram definidos e estão marcados como não resolvidos.

HTML e folhas de estilos

Complementação para bibliotecas CSS no CDN

Se você está usando Bootstrap ou outra biblioteca CSS no seu projeto e a vinculou de um CDN no seu arquivo HTML, agora, pode obter preenchimento para os nomes de classes dessa biblioteca, sem adicionar suas origens ao projeto. Para habilitar isso, basta pressionar Alt-Enter no link no arquivo HTML e selecionar Download library.

Controle de versão

Interface de usuário reformulada para clonagem de projetos

Ao clonar um projeto de um sistema de controle de versão, você verá uma caixa de diálogo Get from Version Control atualizada na tela de boas-vindas e no menu VCS.

Com este redesenho, queríamos melhorar principalmente a experiência de obter projetos do GitHub: agora você pode fazer login na sua conta do GitHub diretamente da caixa de diálogo atualizada. Depois de fazer login, você poderá explorar a lista de repositórios na sua conta e na organização à qual você pertence e clonar projetos para o WebStorm diretamente de lá.

Extração de alterações de qualquer branch

Precisa aplicar alterações de um branch enquanto trabalha com o outro? Com a atualização mais recente, você não precisa mais mudar para o branch do qual deseja aplicar alterações - basta selecioná-lo no pop-up Branches e pressionar Push.

Um processo de submissão mais simplificado

Agora, você pode fazer submissões diretamente da janela de ferramentas Version Control – uma caixa de diálogo separada não bloqueará o resto do IDE. Para isso, marque Commit from the Local Changes without showing a dialog em Preferences/Settings | Version Control | Commit Dialog.

Novas ações para fazer o check-out branches

Para resolver vários problemas de usabilidade, substituímos uma única ação Checkout as... por duas novas: uma ação Checkout unificada para branches remotos e a ação New Branch from Selected... para branches remotos e locais.

IDE

Nova ação para execução de ferramentas e configurações

Precisa iniciar ferramentas como npm e Yarn, abrir projetos recentes ou iniciar uma configuração de execução/depuração? Agora, você pode fazer tudo isso de um único lugar usando a ação Run Anything (Ctrl-Ctrl).

Pesquisa apenas na seleção

Com o novo filtro In Selection (Cmd/Ctrl-F duas vezes), você pode encontrar informações específicas mais rapidamente, restringindo suas pesquisas para as partes selecionadas do código em um arquivo.

Suspensão do suporte para o Dart

A partir do WebStorm 2019.3, o plug-in do Dart não será mais incluído. Isso foi feito para encurtar os ciclos de lançamento dele – plug-ins incluídos só podem ser atualizados junto com uma atualização do IDE inteiro. Portanto, se você usa o Dart, agora precisará instalar o mesmo plug-in do Dart em Preferences/Settings | Plugins.

Habilitar file watchers globais por padrão

Se você usa uma ferramenta de terceiros, como o Prettier, para um projeto e ela está configurada por meio de um file watcher, é provável que você queira que essa configuração seja automaticamente aplicada a todos os novos projetos que você criar. Agora, é possível fazer isso habilitando file watchers globais por padrão.