Hoja de trucos de VSCode
Está aquí la hoja de referencia de Visual Studio Code
Comandos más utilizados en Visual Studio Code
Para entornos de desarrollo reproducibles, consulte Dominar Dev Containers en VS Code.
Hoja de referencia de Visual Studio Code
Atajos generales (Windows / Mac)
| Acción | Windows / Linux | macOS |
|---|---|---|
| Paleta de comandos | Ctrl+Shift+P | Cmd+Shift+P |
| Apertura rápida (Archivo) | Ctrl+P | Cmd+P |
| Alternar terminal | Ctrl+` | Ctrl+` |
| Alternar barra lateral | Ctrl+B | Cmd+B |
| Configuración | Ctrl+, | Cmd+, |
| Abrir atajos de teclado | Ctrl+K Ctrl+S | Cmd+K Cmd+S |
| Mostrar todos los símbolos | Ctrl+T | Cmd+T |
| Ir a la línea | Ctrl+G | Ctrl+G |
| Buscar | Ctrl+F | Cmd+F |
| Reemplazar | Ctrl+H | Cmd+Option+F |
| Cursor múltiple (agregar el siguiente) | Ctrl+D | Cmd+D |
| Cursor múltiple (agregar arriba/abajo) | Ctrl+Alt+Arriba/Abajo | Option+Cmd+Arriba/Abajo |
| Mover línea arriba/abajo | Alt+Arriba/Abajo | Option+Arriba/Abajo |
| Copiar línea arriba/abajo | Shift+Alt+Arriba/Abajo | Shift+Option+Arriba/Abajo |
| Cortar línea | Ctrl+X | Cmd+X |
| Copiar línea | Ctrl+C | Cmd+C |
| Eliminar línea | Ctrl+Shift+K | Cmd+Shift+K |
| Comentar línea | Ctrl+/ | Cmd+/ |
| Formatear documento | Shift+Alt+F | Shift+Option+F |
| Guardar | Ctrl+S | Cmd+S |
| Cerrar editor | Ctrl+W | Cmd+W |
| Dividir editor | Ctrl+\ | Cmd+\ |
Navegación
- Ir a la definición: F12
- Ver definición (Peek Definition): Alt+F12
- Ir a las referencias: Shift+F12
- Atrás/Adelante: Alt+Izquierda/Derecha (Windows), Ctrl+–/Ctrl+Shift+– (Mac)
Edición
- Duplicar línea: Shift+Alt+Abajo (Windows), Shift+Option+Abajo (Mac)
- Mover línea arriba/abajo: Alt+Arriba/Abajo (Windows), Option+Arriba/Abajo (Mac)
- Seleccionar todas las ocurrencias: Ctrl+Shift+L (Windows), Cmd+Ctrl+G (Mac)
- Deshacer/Rehacer: Ctrl+Z / Ctrl+Y (Windows), Cmd+Z / Cmd+Shift+Z (Mac)
Terminal integrada
- Nueva terminal: Ctrl+Shift+` (Windows/Mac)
- Alternar terminal: Ctrl+` (Windows/Mac)
- Terminar terminal: Ctrl+Shift+W
Control de versiones (Git)
- Abrir control de versiones: Ctrl+Shift+G (Windows), Cmd+Shift+G (Mac)
- Comprometer (Commit): Ctrl+Enter (en el cuadro de mensaje de commit)
Uso de línea de comandos
# Abrir VS Code en el directorio actual
code .
# Abrir archivo específico en línea y columna
code myfile.js:10:5
# Abrir vista de diferencias entre dos archivos
code --diff file1.js file2.js
# Abrir nueva ventana de VS Code
code -n
# Desactivar todas las extensiones
code --disable-extensions .
Personalización
- Cambiar tema: Ctrl+K Ctrl+T (Windows), Cmd+K Cmd+T (Mac)
- Abrir atajos de teclado: Ctrl+K Ctrl+S (Windows), Cmd+K Cmd+S (Mac)
- Instalar extensiones: Ctrl+Shift+X (Windows), Cmd+Shift+X (Mac)
Fragmentos de código (Snippets)
- Cree fragmentos de código personalizados a través de
Preferences: Configure User Snippets.
Consejos
- Use la Paleta de comandos (Ctrl+Shift+P / Cmd+Shift+P) para prácticamente cualquier comando o configuración.
- La carpeta
.vscodeen su proyecto permite configurar ajustes y tareas específicos del espacio de trabajo. - Puede instalar extensiones de mapa de teclas para usar atajos de otros editores (Vim, Sublime, etc.).
Para una lista más completa, consulte el [PDF de atajos de teclado oficial] o la referencia de atajos dentro del editor (Ctrl+K Ctrl+S).
Cómo instalar una extensión de VS Code desde la Paleta de comandos
Puede instalar una extensión de Visual Studio Code desde la Paleta de comandos:
- Abra la Paleta de comandos usando Ctrl+Shift+P (Windows/Linux) o Cmd+Shift+P (macOS).
- Escriba
Extensions: Install Extensionsy selecciónela de la lista. Esto abre la vista de extensiones, donde puede buscar e instalar una extensión.
Este método le permite instalar extensiones rápidamente sin salir del teclado ni navegar por menús.
Las listaciones del Marketplace también ofrecen una instalación en una sola línea. Abra la Apertura rápida con Ctrl+P (Cmd+P en macOS), pegue ext install <publisher.extension-id> y presione Enter. Para vscode-icons, ese comando es ext install vscode-icons-team.vscode-icons.
Desde una terminal, la misma extensión se instala con code --install-extension vscode-icons-team.vscode-icons.
Para saber qué extensiones se instalan más por lenguaje, consulte Popularidad de lenguajes de programación y marcos.
Otra lista de atajos del editor
Ctrl+T (macOS: Cmd+T) - Mostrar símbolos del espacio de trabajo
Ctrl+Shift+O (macOS: Cmd+Shift+O) - Mostrar símbolos del documento
Ctrl+Shift+P (macOS: Cmd+Shift+P) - Abrir paleta de comandos
Ctrl+Espacio - Abrir autocompletado de código
Ctrl+. (macOS: Cmd+.) - Abrir correcciones rápidas
F2 - Renombrar símbolo
Shift+Alt+F (macOS: Shift+Option+F) - Formatear documento
F12 - Ir a la definición
Shift+F12 - Buscar referencias
Alt+Shift+O - Organizar directivas
F4 - Mostrar jerarquía de tipos
Otra lista de atajos de depuración
Ctrl+Alt+D - Iniciar Dart DevTools
F5 - Iniciar depuración
Ctrl+F5 - Iniciar sin depurar
Shift+F5 - Detener depuración
Ctrl+Shift+F5 (macOS: Cmd+Shift+F5) - Reiniciar depuración (o Reinicio en caliente al depurar aplicaciones Flutter)
Ctrl+F5 - Recarga en caliente al depurar aplicaciones Flutter
F9 - Activar/desactivar punto de ruptura
F10 - Paso a paso (saltar)
F11 - Paso a paso (entrar)
Shift+F11 - Paso a paso (salir)
