10 atalhos de teclado do WebStorm que você precisa conhecer

O WebStorm é um ótimo software de programação e também possui atalhos de teclado para quase todas as operações. O artigo a seguir compartilhará os 10 atalhos de teclado essenciais que todo usuário do WebStorm precisa.

Ao usar a maioria dos softwares, nos sentimos produtivos quando podemos executar tarefas frequentemente usadas rapidamente. Os atalhos são sempre uma solução de longa data e um ótimo suporte para essa finalidade, ajudando os usuários a economizar tempo significativo. Todos os atalhos de teclado do WebStorm no artigo estão disponíveis no diagrama de teclado padrão para Windows, Linux, Mac OS X 10.5 e superior. Você pode personalizar facilmente a configuração do teclado em Preferências | Keymap .

Pesquise em qualquer lugar: Shift + Shift

Como o próprio nome sugere, a Pesquisa pop-up em todos os lugares permite que os usuários pesquisem quaisquer dados no projeto, bem como o IDE.

Você pode encontrar arquivos, símbolos, funções, variáveis, classes ou outros componentes no código e navegar rapidamente até eles:

10 atalhos de teclado do WebStorm que você precisa conhecer

Você também pode procurar tarefas e executá-las.

10 atalhos de teclado do WebStorm que você precisa conhecer

Você também pode pesquisar as configurações do IDE, ativar ou desativar algumas opções diretamente no pop-up.

10 atalhos de teclado do WebStorm que você precisa conhecer

Navegue para a declaração: Ctrl + B (⌘B) ou Ctrl + Clique (⌘-Clique)

Você pode imediatamente mudar para uma função, método definido ou declarações de variáveis, classe, composição, estilos CSS apenas Ctrl-clique nele ou colocar tampões sobre ele e pressione Ctrl + B . Este atalho também pode ajudá-lo ao arquivo de referência ou módulo importado.

10 atalhos de teclado do WebStorm que você precisa conhecer

Se o WebStorm encontrar mais de uma declaração para a mesma função, você será solicitado a selecionar uma delas na lista suspensa.

Finalize o código substituindo: Tab

Quando você começa a digitar dados no WebStorm, o pop-up conclui o código gerado automaticamente para ajudar na programação. Basicamente, você só precisa pressionar Enter para selecionar uma das sugestões fornecidas. No entanto, se você precisar substituir uma função ou alterar a classe CSS, pressione Tab e o elemento atual será substituído pelo item de pesquisa selecionado.

10 atalhos de teclado do WebStorm que você precisa conhecer

Mostrar ações relacionadas: Alt + Enter ou ⌥-Enter

O WebStorm tem muita Intenção que ajuda a corrigir rapidamente erros, criar código ou alterar as configurações do projeto. Coloque um cursor no código destacado ou sublinhado e pressione Alt + Enter para ver uma lista das tarefas relacionadas disponíveis. Por exemplo:

10 atalhos de teclado do WebStorm que você precisa conhecer

Não quer ver nenhum aviso? Escolha Suprimir para desativar a verificação dessa linha de código ou arquivo ou Desativá- la para todo o projeto.

10 atalhos de teclado do WebStorm que você precisa conhecer

Expanda a seleção: Ctrl + W ou ⌥-Seta para cima

Com a tarefa Estender seleção, você pode selecionar rapidamente qualquer bloco de código sem usar o mouse:

10 atalhos de teclado do WebStorm que você precisa conhecer

Executar ...: Alt + Shift + F10 ou ⌃⌥R

A maneira mais rápida de executar uma das configurações de execução do projeto é pressionar Alt + Shift + F10 no Windows ou Ctrl-Alt-R em um Mac e selecionar uma configuração no pop-up.

10 atalhos de teclado do WebStorm que você precisa conhecer

Dica : mantenha pressionada a tecla Shift e pressione Enter para depurar a configuração em vez de executá-la.

Abra o modelo Expandir ao vivo: guia

O modelo Expand Live é realmente uma solução que economiza muito tempo. Digite a abreviação curta e pressione Tab para expandi-la no código. Mova do espaço reservado de uma variável para outra no modelo pressionando Tab novamente.

O WebStorm possui uma rica coleção de modelos, incluindo modelos Postfix. Você também pode adicionar seus próprios modelos personalizados.

10 atalhos de teclado do WebStorm que você precisa conhecer

O WebStorm também suporta abreviações do Emmet para HTML e CSS. Você pode expandi-los com Tab.

Cursor múltiplo: Alt + Clique

O popular recurso multi-cursor também está disponível no WebStorm. Pressione Alt + Clique para usar vários cursores de uma só vez e, em seguida, edite suas posições simultaneamente.

10 atalhos de teclado do WebStorm que você precisa conhecer

Novo arquivo de rascunho: Ctrl + Alt + Shift + Insert ou ⇧⌘N

Com o arquivo do Scratch, você pode criar rapidamente amostras de código ou escrever notas enquanto trabalha no IDE, sem afetar o arquivo do projeto, mas ainda assim obter suporte ao código. O arquivo de rascunho é salvo no IDE. Você pode acessá-lo facilmente de qualquer projeto.

10 atalhos de teclado do WebStorm que você precisa conhecer

Refatorando o código: Alt + Control + Shift + T ou ⌃T

A refatoração de código é um recurso importante do WebStorm. Para acessar rapidamente a lista de refatoração disponível para os códigos selecionados, pressione Alt + Control + Shift + T ou Ctrl-T :

10 atalhos de teclado do WebStorm que você precisa conhecer

Outros atalhos de teclado

Para obter uma lista completa dos atalhos de teclado padrão, visite a tabela de referência Keymap no IDE via Ajuda | Referência padrão do mapa de teclas ou aqui .

Como alternativa, através da configuração do Keymap em Preferências | Keymap . Aqui, você pode procurar por nome da tarefa ou atalho:

10 atalhos de teclado do WebStorm que você precisa conhecer

Além disso, lembre-se do atalho do Search Everywhere , você pode ver os atalhos relacionados ou experimentar o Visual Shortcut Mapper com o mapa de teclas padrão do WebStorm disponível.

Esperamos que os atalhos acima ajudem você a economizar tempo e a usar o WebStorm de maneira eficaz, conforme desejar.

Sign up and earn $1000 a day ⋙

Leave a Comment

8 dicas importantes para iniciantes em jogos

8 dicas importantes para iniciantes em jogos

Seja você um novato curioso ou alguém querendo reutilizar um controle antigo, começar sua jornada nos jogos pode ser emocionante e intimidador. No entanto, com os conselhos certos, envolver-se com jogos pode ser uma experiência divertida e gratificante.

TOP quai vật mạnh nhất trong lịch sử videogame

TOP quai vật mạnh nhất trong lịch sử videogame

Trong khi một số con quỷ là kẻ thù thường xuyên, thì những thực thể quỷ dữ khác lại là những sinh vật mạnh nhất trong vũ trụ độc đáo của chung. Dưới đây là top quỷ dữ mạnh nhất em um videogame.

Como redefinir o controle do PS4

Como redefinir o controle do PS4

Ao simplesmente redefinir o controle do PlayStation 4, você pode corrigir quase todos os problemas de emparelhamento, além de muitos outros problemas comuns.

A Apple está desenvolvendo uma loja dedicada a jogos para iOS

A Apple está desenvolvendo uma loja dedicada a jogos para iOS

Se você é alguém que gosta de aprender sobre o iPhone e o sistema operacional iOS, deve ter acompanhado o desenvolvimento de emuladores de jogos clássicos para iPhone.

Os 10 melhores jogos educativos para crianças no celular

Os 10 melhores jogos educativos para crianças no celular

A maioria das crianças prefere brincar do que estudar. No entanto, esses jogos para celular são educativos e divertidos, o que atrairá crianças pequenas.

Como jogar jogos de dinossauros diretamente na tela do Android

Como jogar jogos de dinossauros diretamente na tela do Android

O jogo do dinossauro T-rex é muito familiar para muitas pessoas e você pode se divertir com ele diretamente na tela do seu Android.

Origem do Mundo da Espada: Visão geral de 10 seitas no jogo

Origem do Mundo da Espada: Visão geral de 10 seitas no jogo

Kiem The Origin - versão móvel de Kiem The para PC lançada pela VNGGame. Assim como a versão anterior para PC, Kiem The Origin possui 10 seitas com 20 sistemas diferentes para você escolher livremente sua própria jogabilidade.

Call of Duty combate hackers tornando jogadores reais invisíveis

Call of Duty combate hackers tornando jogadores reais invisíveis

Um novo método anti-hack e anti-cheat está sendo desenvolvido pelo jogo Call of Duty.

Como ocultar anúncios ao jogar no seu telefone

Como ocultar anúncios ao jogar no seu telefone

Desative os anúncios enquanto joga, algo que muitos jogadores de dispositivos móveis desejam depois de terminar uma partida.

Como obter jogos para celular grátis na Epic Games Store

Como obter jogos para celular grátis na Epic Games Store

A Epic Games Store no Android agora tem um programa de download gratuito de jogos, assim como no PC. Veja como obter jogos para celular gratuitos na Epic Games Store.

Instruções para jogar o jogo de captura de Pokémon no Google

Instruções para jogar o jogo de captura de Pokémon no Google

Basta pesquisar nomes de Pokémon no Google para você coletar os personagens mais recentes de Pokémon.

Tencent traz jogos para Android na Microsoft Store Windows 11

Tencent traz jogos para Android na Microsoft Store Windows 11

No início deste ano, a Microsoft anunciou sua decisão de descontinuar o Subsistema Windows para Android, que foi projetado para permitir que aplicativos Android sejam executados nativamente no Windows 11.

Caracteres especiais ϟ, ✿, \˚ㄥ˚\, ☎,☂, ☁ caracteres especiais ou

Caracteres especiais ϟ, ✿, \˚ㄥ˚\, ☎,☂, ☁ caracteres especiais ou

Caracteres especiais não aparecem no teclado, mas você precisa encontrá-los de maneiras especiais. Com a tabela de personagens pré-criada abaixo, você só precisa escrever o conteúdo ou o nome do personagem que deseja colocar no jogo e, em seguida, copiar o formato de texto que você mais gosta!

Como nunca pagar por jogos e aplicativos no Android

Como nunca pagar por jogos e aplicativos no Android

Quando se trata de fazer compras na Play Store, muitas pessoas não gastam dinheiro de verdade há anos, graças ao Google Opinion Rewards.

Saiba mais sobre a BAR redimensionável: configurações que proporcionam desempenho extra em jogos

Saiba mais sobre a BAR redimensionável: configurações que proporcionam desempenho extra em jogos

Se você não conhece o Resizable BAR e como ele aumenta o desempenho, é provável que ele esteja desativado. Veja como você pode habilitar a Barra Redimensionável e o que esperar do recurso.