Executando verificação de segurança...
24

Dica de Tecla de Atalho no VSCode para buscar por Nome de Função

Hoje eu descobri através de uma publicação no Twitter do usuário shadcn que você pode usar o VSCode para fazer uma busca global por nomes de funções ou métodos (e não somente por nomes de arquivos), e isto faz com que você caia diretamente na linha desejada. Isso sinceramente vai me economizar muito tempo, porque antes eu sempre primeiro navegava para o arquivo, para depois fazer uma busca pelo nome da função, mas agora dá para fazer tudo isso numa só interação.

No GIF lá em baixo você pode ver como funciona e o link na Fonte da publicação tem outros exemplos, mas trazendo para cá o resumo de como funciona:

  1. Primeiro, abra o campo de busca rápida através do atralho CTRL+P no Windows, ou CMD+P no macOS.
  2. Agora, ao invés de digitar um nome de arquivo, digite primeiro # e depois o nome da função ou método, por exemplo #findOneById.
  3. Isto irá listar todos os arquivos que possuem uma função com este nome, e o legal é que você pode refinar este resultado digitando junto o nome do arquivo, por exemplo: #findOneById user.

Então no exemplo abaixo, o shadcn mostra como isso melhora a navegação dentro da nova estrutura de arquivos do Next.js 13, caso você nomeie os componentes de uma forma apropriada, mas que também vai funcionar para qualquer situação ou linguagem de programação.

Dica de Atalho no VSCode para buscar por Nome de Função

7

Uma outra solução no Windows é utilizar o CTRL + T que já abre a barra de busca com o # preenchido para buscar simbolos. No MAC provavelmente se usa o CMD + T.
Inclusive, imagino que esse atalho seja uma influência do Visual Studio, pois por lá se utiliza a mesma combinação para iniciar o buscador de simbolos.

2