Atajos de teclado para desarrollo front-end

Editores de uso común

Nombre VS Code WebStorm HBuilder X Explicación
Etiquetas de editor divididas Ctrl + \ Alt + Shift + 2 El editor se divide en dos columnas laterales.
Cambiar la pestaña del editor Alt + ← / → Ctrl + PageUp / PageDown Cambiar de pestaña del editor a la izquierda o derecha
Cerrar la pestaña del editor Ctrl + F4,Ctrl + W Ctrl + F4 Ctrl + F4,Ctrl + W Cerrar la pestaña del editor actual
Ir al inicio del archivo Ctrl + Home Ctrl + Home Ctrl + Home
Ir al final del archivo Ctrl + End Ctrl + End Ctrl + End
Ir a la definición F12 Ctrl + B F12 Puede saltar a la definición del método o variable.
Ir a la línea específica Ctrl + G Ctrl + G Ctrl + G
Volver a la última modificación Alt + ← Ctrl + Alt + ← Al presionar continuamente, se puede regresar a múltiples estados anteriores.
Ver todas las citas Shift + F12 Ctrl + Click Puede consultar la ubicación de la referencia o la variable.
Insertar cursor Alt + Click Alt + Click Se pueden insertar cursores en varios lugares, generalmente utilizados para realizar cambios simultáneos en múltiples ubicaciones.
Renombrar Shift + F6 Se puede renombrar funciones, variables y archivos.
Seleccionar la línea actual Ctrl + L
Copiar una fila hacia abajo Shift + Alt + ↓ Ctrl + D
Eliminar una línea Ctrl + Shift + K Ctrl + Y Ctrl + D
Insertar línea en blanco hacia arriba Ctrl + Shift + Enter Ctrl + Shift + Enter
Insertar línea en blanco hacia abajo Ctrl + Enter Shift + Enter Ctrl + Enter
Seleccionar hacia abajo el mismo contenido Ctrl + D Alt + J Ctrl + E
Establecer un ancla o marcador Ctrl + F11 Ctrl + F2 Acceso rápido y sencillo a una línea específica.
Ir a un ancla o marcador Shift + F11 F2 Ir a una línea específica
Desplazarse hacia arriba y hacia abajo Alt + ↑ / ↓ Shift + Alt + ↑ / ↓ Ctrl + ↑ / ↓
Archivos abiertos recientemente Ctrl + R Ctrl + E
Bloque de código extensible Ctrl + Shift + ] / [
Saltar {} antes y después Ctrl + ] / [ Alt + [
Formatear código Shift + Alt + F Ctrl + Alt + L Ctrl + K
Conversión de mayúsculas y minúsculas Ctrl + Shift + U Alt + Shift + U / l
Búsqueda global Ctrl + Shift + F Ctrl + Shift + F Ctrl + Alt + F
Buscar Ctrl + F Ctrl + F Ctrl + F
reemplazar Ctrl + H Ctrl + R Ctrl + H
Comentario de una sola línea Ctrl + / Ctrl + / Ctrl + /
Pantalla completa F11 F11
Abrir configuración Ctrl + , Ctrl + Alt + S Ctrl + Alt + ,
Abrir terminal Ctrl + ~ Alt + F12 Alt + C

Navegadores web comunes

Nombre Chrome Firefox Explicación
Abrir herramientas de desarrollador F12 F12
Ver el código fuente de la página Ctrl + U Ctrl + U
Imprimir la página web Ctrl + P Ctrl + P
Recargar normalmente Ctrl + R Ctrl + R
Recarga forzada Ctrl + Shift + R Recargar forzadamente, sin cargar la caché, precondición: válido después de abrir las herramientas de desarrollo.
Abrir el archivo para ver el código fuente Ctrl + P Introduce el nombre del archivo, se puede buscar y abrir el código fuente de la página web, precondición: las herramientas de desarrollo deben estar abiertas para que sea efectivo.

Recientemente has utilizado:

Coleccionar Menú QQ