Como Substituir Texto com Expressão Regular (Regex) no VSCode de Maneira Avançada

Em muitos casos precisamos substituir informações repetidas nos textos e códigos, e isso é facil usando um editor de texto, como por exemplo, o VSCode, onde você pode dar um Control + F, localizar o texto desejado e substituir.

Isso funciona bem se o texto tem um padrão, porem, caso o texto este um pouco irregular, fica difícil substituir corretamente. Para isso, separei uma formula que pode lhe ajudar a trabalhar com isso:

Exemplo de texto para editar:

<option value="">Selecione...</option>
<option value="opcao_1">Comercial</option>
<option value="opcao_2">Financeiro</option>
<option value="opcao_3">Suporte</option>

Se quiser retirar as tags HTML e transformar em lista simples, você pode abrir o VSCode, ou outro editor, usar o Control + F (Lembre-se de ativar a opção de Regex, que no VScode é o ícone do .*), e no primeiro campo digitar:

<option.*?>(.*?)</option>

E no segundo, digitar:

$1

Assim, seu código será substituído para uma lista simples como esta:

Selecione...
Comercial
Financeiro
Suporte

Caso queira algo mais elaborado, você pode testar essa função abaixo digitando no primeiro campo:

<option.*? value="(.*?)">(.*?)</option>

E no segundo campo, podemos digitar assim:

Valor: $1, Texto: $2

Desse jeito você pega o valor do atributo “value” do html, e também o texto dentro da tag “options”.