9 - Buscar en carpetas o áreas de trabajo

Buscar.

La actividad de buscar es muy importante cuando estamos trabajando en un proyecto, luego VSCode le reservó un ícono en la "Barra de actividades":

barra de actividades: buscar - vscode

Las teclas de atajos para mostrar la ventana de búsquedas es ( Ctrl - Shift - F):

barra de actividades: buscar - teclas de atajo - vscode

El diálogo de búsqueda tiene tres íconos que nos permiten hacer:

  • Coincidir mayúsculas y minúsculas.
  • Solo palabras completas.
  • Usar expresiones regulares.

Cuando se confirma la búsqueda se muestra todas las líneas de los diferentes archivos de la carpeta o área de trabajo que coinciden:

barra de actividades: buscar - vscode

Si tenemos el siguiente archivo dentro de nuestra carpeta abierta en VSCode:

<!DOCTYPE html>
<html>
<head>
  <title>Título de la página</title>
  <meta charset="UTF-8">
</head>
<body style="background:rgb(32, 32, 199)">
  <h1>Actividades en el día.</h1>
  <h1>Actividades en el mediodía.</h1>
</body>
</html>

Luego buscamos la cadena 'día' tenemos como resultado:

barra de actividades: buscar - vscode

Ahora seleccionemos el ícono de "Solo palabra completa" y el resultado cambia por:

barra de actividades: buscar solo palabra completa - vscode

Buscar y remplazar.

Si necesitamos remplazar las búsquedas podemos presionar el ícono del lado de la izquierda y nos mostrará un cuadro para indicar por que valor remplazar:

ícono remplazar barra de actividades: buscar solo palabra completa - vscode

Luego podemos indicar la cadena de remplazo y efectuar dicha actividad:

ícono remplazar barra de actividades: buscar solo palabra completa - vscode

La actividad de remplazo se efectúa cuando presionamos el ícono que aparece inmediatamente después de la cadena de remplazo o mediante las teclas de atajos: Ctrl + Alt + Enter)

Excluir carpetas y archivos en las búsquedas.

Hay otro ícono en el diálogo de búsqueda que nos permite filtrar en que archivos y carpetas buscar o excluirlos:

ícono de filtrar archivos y carpetas de búsqueda - vscode

Podemos por ejemplo excluir la búsqueda en los archivos de la carpeta 'js' antecediendo el caracter '!':

ícono de excluir carpetas de búsqueda - vscode

Si desactivamos la exclusión si se buscan en la carpeta js:

ícono de excluir carpetas de búsqueda - vscode

Podemos hacer búsquedas en archivos que cumplan que tienen una determinada extensión:

búsqueda - vscode

Si tenemos que definir varias reglas de búsqueda debemos separarlas por una coma:

búsqueda - vscode

Exclusiones definidas en la configuración.

Por defecto VSCode tiene una serie de carpetas que se excluyen en su búsqueda, podemos acceder a ellos desde "Configuración":

configuracion - archivos y carpetas a excluir - vscode

En muchas herramientas web como Angular, Vue, React, NodeJS etc. requieren una serie de librerías que se localizan en la carpeta node_modules y que cada vez que hacemos una búsqueda no tiene sentido procesar los miles de archivos que contiene ésta carpeta.

Juego para memorizar los atajos de teclado en VSCode (hasta lo visto en este concepto)