Puede ser raro, pero a veces necesitará cambiar algunos atributos para asegurarse de que no compartan un nombre. Por ejemplo, es posible que haya escrito una función independiente que menciona un elemento completamente diferente con el mismo nombre y necesita diferenciarlos.

Cómo cambiar todas las instancias en VS Code

Para proyectos grandes, esto puede significar pasar por cientos o miles de líneas a la vez. Afortunadamente, Visual Studio Code tiene un atajo útil que le permite seleccionar un elemento, línea o columna en particular en todo el proyecto y editar todas las instancias de él a la vez. Siga leyendo para obtener más información.

Cómo cambiar todas las instancias en una PC con Windows

Si desea cambiar todas las instancias de una palabra a la vez en Windows, debe hacer lo siguiente:

  1. Seleccione un elemento o valor en particular que desee cambiar.
  2. Para seleccionar todas las instancias de ese elemento, use el atajo de teclado "CTRL + SHIFT + L".
  3. Todas las instancias deben estar resaltadas a lo largo del código, con un cursor al final.
  4. Con el modo multicursor activado, realice los cambios en la palabra según sea necesario (o ingrese texto adicional después). Haga clic en cualquier lugar dentro del código para salir del modo multicursor y volver a un solo cursor.

En caso de que desee seleccionar instancias de una en una, el proceso es un poco diferente y es así:

  1. Elija el elemento o valor que desea cambiar.
  2. Presione "CTRL + D" para seleccionar la siguiente instancia, luego nuevamente para la siguiente, y así sucesivamente.
  3. Puede cambiar todas las instancias seleccionadas directamente.
  4. Salga del modo multicursor haciendo clic en cualquier lugar dentro del código.

Cómo cambiar todas las instancias en una Mac

VS Code funciona de manera similar en todas las plataformas. Una de las pocas diferencias radica en los atajos de teclado debido a que cada sistema usa varias configuraciones y valores predeterminados de teclado.

Una vez que abra su código y calcule la palabra que desea reemplazar, el procedimiento para cambiar todas las instancias es el siguiente:

  1. Haga clic en cualquier lugar dentro de la palabra que desea editar en masa.
  2. Presione "CMD + SHIFT + L" para resaltar y seleccionar todas las instancias a lo largo del código e ingresar al modo de múltiples cursores. Los cursores van al final de la palabra por defecto y tienen la palabra seleccionada.
  3. Realice los cambios que considere oportunos (no está restringido a la palabra seleccionada y puede agregar texto más allá).
  4. Cierre el modo multicursor haciendo clic en cualquier lugar dentro del editor.

También puede ingresar al modo de múltiples cursores agregando secuencialmente instancias de una palabra o atributo a la selección. Así es cómo:

  1. Seleccione la palabra que desea editar.
  2. Presione "CMD + D" para seleccionar la siguiente instancia en el código.
  3. Repita el paso 2 hasta que llegue a un punto en el código en el que no necesite realizar ningún cambio.
  4. Edite la palabra seleccionada según sea necesario.
  5. Haga clic en cualquier lugar para volver al modo de cursor único.

Cómo cambiar todas las instancias en Linux

VS Code en Linux comparte la configuración de atajos de teclado con Windows.

Si desea cambiar todas las instancias de una palabra a la vez, esto es lo que debe hacer:

  1. Seleccione la palabra que necesita en cualquier parte del código.
  2. Presione "CTRL + SHIFT + L" para seleccionar todas las instancias de ese elemento en todo el código. Todas las instancias deben estar resaltadas, con un cursor al final, y la plataforma edita en modo multi-cursor.
  3. Introduzca los cambios que desee. El editor trabajará en todos los cambios seleccionados simultáneamente.
  4. Haga clic en cualquier otro lugar para volver a un solo cursor cuando haya terminado.

Si desea ser más preciso (como mantener las nuevas instancias iguales), puede seleccionar secuencialmente. Así es cómo:

  1. Seleccione una palabra que necesite ser cambiada.
  2. Presione "CTRL + D" para seleccionar la siguiente instancia. Tenga en cuenta que esto abre la edición de varios cursores.
  3. Repita el Paso 2 hasta que llegue a la parte del código que puede permanecer como está.
  4. Edite las palabras seleccionadas.
  5. Salga de la selección de varios cursores haciendo clic en cualquier lugar.

Otros consejos

VS Code tiene muchos otros atajos ingeniosos, como "Shift + Alt" que crea un cuadro de columna para cambios de varias filas, o selecciona una línea haciendo clic en su número de línea.

¿Sabías acerca de estos accesos directos para VS Code? ¿Hay algún otro editor de código que prefieras usar? ¿De dónde obtiene sus materiales e instrucciones para la codificación? ¡Asegúrate de compartirlo con nosotros en los comentarios!