Dicas básicas sobre o Brackets #2

Uma das maiores necessidades de todo editor de código são as opções de navegação. Isso porque arquivos HTML ou CSS, por exemplo, costumam ser extremamente grandes, com milhares de linhas de código. Por isso que muitos desses tipos de software possuem diversas opções que facilitam a navegação pelo arquivo. Assim sendo, daremos 2 dicas do Brackets pra você navegar a vontade pelos seus arquivos.

Localizar e substituir conteúdo

Apesar de não ser uma exclusividade do Brackets, essa é sempre uma opção muito buscada e utilizada em qualquer software de edição de código, principalmente em arquivos muito grandes. Nem sempre é fácil localizar uma linha de código e, nesses casos, isso pode ajudar.

Sempre que você estiver a procura de uma determinada linha de código do arquivo, você pode utilizar a opção Find (Localizar). Através dela, o usuário é capaz de buscar um determinado termo ou ainda, todo o conteúdo de uma linha.

Para usar a funcionalidade, basta clicar no menu Find > Find ou então, através do atalho [Ctrl + F]. Feito isso, você verá um campo de busca na parte superior da janela no qual você deverá digitar o que procura e apertar a tecla [Enter]. Caso você não encontre o que deseja, é só apertar novamente a tecla [Enter] para que o Brackets exiba o próximo resultado.

Agora um outro exemplo: você tem um arquivo gigantesco e pretende alterar uma linha de código que se repete diversas vezes. Para isso, em vez de alterar linha por linha, você pode utilizar a opção Replace (Substituir). Com ela, é possível simplesmente alterar o mesmo conteúdo em diferentes linhas de uma só vez.

A opção pode ser utilizada clicando no menu Find > Replace ou através do atalho [Ctrl + H]. Dessa vez, uma barra com dois campos de texto aparecerá na parte superior da janela. No primeiro campo (Find) você deverá digitar o conteúdo existente no arquivo que deseja alterar, enquanto no segundo campo (Replace with) você irá digitar o conteúdo que substituirá o existente. Após definir o conteúdo dos dois campos, clique no botão Replace para substituir apenas o primeiro resultado da busca ou em Replace All para substituir todos os resultados encontrados.

Localizar uma linha pelo número

Uma das principais razões para os softwares de edição de código mostrarem o número de cada linha do arquivo é para ajudar na localização do usuário. Com os números sempre visíveis na lateral, torna-se muito mais fácil de sabermos em qual parte do documento se encontra cada elemento ou seção, por exemplo.

Assim sendo, o Brackets possui uma opção que permite localizar uma linha pelo número dela chamada Go to Line (Ir à Linha). Isso facilita bastante a edição de arquivos, principalmente se você estiver utilizando o console do seu navegador para fazer testes. Dessa forma, torna-se muito mais rápido localizar e alterar algo feito inicialmente fora do editor de código da Adobe.

Para utilizar essa opção, clique no menu Navigate > Go to Line ou então, use o atalho [Ctrl + G]. Ao fazer isso, você verá um campo na parte superior direita da janela no qual você deverá digitar o número da linha desejada. Basta digitar o número para o Brackets já identificar e selecionar a linha imediatamente. Caso você digite uma linha inexistente, o campo ficará com um contorno vermelho.

Gostou das dicas? Confira mais dicas como essas em nosso primeiro post de dicas básicas do Brackets.