Pode ser raro, mas às vezes você precisará alterar alguns atributos para garantir que eles não compartilhem um nome. Por exemplo, você pode ter acabado de escrever uma função independente que menciona um elemento totalmente diferente usando o mesmo nome e precisa diferenciá-los.
Para grandes projetos, isso pode significar passar por centenas ou milhares de linhas por vez. Felizmente, o Visual Studio Code tem um atalho útil que permite selecionar um determinado elemento, linha ou coluna em todo o projeto e editar todas as instâncias de uma vez. Leia para saber mais.
Como alterar todas as instâncias em um PC com Windows
Se você deseja alterar todas as instâncias de uma palavra de uma só vez no Windows, faça o seguinte:
- Selecione um elemento ou valor específico que deseja alterar.
- Para selecionar todas as instâncias desse elemento, use o atalho de teclado “CTRL + SHIFT + L”.
- Todas as instâncias devem ser destacadas ao longo do código, com um cursor no final.
- Com o modo multicursor ativado, faça as alterações necessárias na palavra (ou insira texto adicional posteriormente). Clique em qualquer lugar dentro do código para sair do modo de vários cursores e retornar a um único cursor.
Caso você queira selecionar uma instância de cada vez, o processo é um pouco diferente e funciona assim:
- Escolha o elemento ou valor que deseja alterar.
- Pressione “CTRL + D” para selecionar a próxima instância, depois novamente para a próxima e assim por diante.
- Você pode alterar todas as instâncias selecionadas diretamente.
- Saia do modo de vários cursores clicando em qualquer lugar dentro do código.
Como alterar todas as instâncias em um Mac
O VS Code funciona de maneira semelhante em todas as plataformas. Uma das poucas diferenças está nos atalhos de teclado devido a cada sistema usar várias configurações e padrões de teclado.
Depois de abrir seu código e descobrir a palavra que deseja substituir, o procedimento para alterar todas as instâncias é o seguinte:
- Clique em qualquer lugar dentro da palavra que deseja editar em massa.
- Pressione “CMD + SHIFT + L” para realçar e selecionar todas as instâncias em todo o código e entrar no modo multicursor. Os cursores vão para o final da palavra por padrão e têm a palavra selecionada.
- Faça alterações como achar melhor (você não está restrito à palavra selecionada e pode adicionar texto além dela).
- Feche o modo de vários cursores clicando em qualquer lugar dentro do editor.
Você também pode entrar no modo de vários cursores adicionando sequencialmente instâncias de uma palavra ou atributo à seleção. Veja como:
- Selecione a palavra que deseja editar.
- Pressione “CMD + D” para selecionar a próxima instância no código.
- Repita a Etapa 2 até chegar a um ponto no código em que não precise fazer nenhuma alteração.
- Edite a palavra selecionada conforme necessário.
- Clique em qualquer lugar para retornar ao modo de cursor único.
Como alterar todas as instâncias no Linux
O VS Code no Linux compartilha as configurações de atalho de teclado com o Windows.
Se você quiser alterar todas as ocorrências de uma palavra de uma só vez, veja o que precisa fazer:
- Selecione a palavra que você precisa em qualquer lugar do código.
- Pressione “CTRL + SHIFT + L” para selecionar todas as instâncias desse elemento em todo o código. Todas as instâncias devem ser destacadas, com um cursor no final, e as edições da plataforma no modo multi-cursor.
- Insira as alterações desejadas. O editor trabalhará em todas as alterações selecionadas simultaneamente.
- Clique em qualquer outro lugar para retornar a um único cursor quando terminar.
Se você quiser ser mais preciso (como manter as novas instâncias iguais), poderá selecionar sequencialmente. Veja como:
você pode mudar o nome da sua liga de lendas?
- Selecione uma palavra que precisa ser alterada.
- Pressione “CTRL + D” para selecionar a próxima instância. Observe que isso abre a edição com vários cursores.
- Repita a Etapa 2 até chegar à parte do código que pode permanecer como está.
- Faça edições nas palavras selecionadas.
- Saia da seleção de vários cursores clicando em qualquer lugar.
Outras dicas
O VS Code tem muitos outros atalhos bacanas, como “Shift + Alt”, criando uma caixa de coluna para alterações em várias linhas ou selecionando uma linha clicando em seu número de linha.
Você sabia desses atalhos para o VS Code? Existe algum outro editor de código que você prefere usar? Onde você obtém seus materiais e instruções para codificação? Certifique-se de compartilhar conosco nos comentários!