Edición básica

Funciones básicas de edición y atajos

Visual Studio Code proporciona un conjunto completo de operaciones de edición que forman la base de cualquier flujo de trabajo de programación eficiente. Estas funciones, combinadas con sus atajos de teclado correspondientes, permiten manipular texto y código de manera rápida y precisa.

Operaciones fundamentales de texto

Las operaciones básicas de edición siguen los estándares universales pero con algunas mejoras específicas de VS Code. El portapapeles mantiene un historial de elementos copiados, permitiendo acceder a copias anteriores mediante Ctrl+Shift+V para abrir el historial del portapapeles.

Atajos esenciales para manipulación de texto:

• Copiar: Ctrl+C - Si no hay selección, copia la línea completa
• Cortar: Ctrl+X - Sin selección, corta la línea entera
• Pegar: Ctrl+V - Inserta el contenido del portapapeles
• Deshacer: Ctrl+Z - Revierte la última acción
• Rehacer: Ctrl+Y o Ctrl+Shift+Z - Restaura una acción deshecha

// Ejemplo: copiar línea completa sin selección
function calcularTotal(precio, impuesto) {
    return precio * (1 + impuesto); // Posiciona cursor aquí y presiona Ctrl+C
}

Técnicas de selección avanzada

La selección de texto en VS Code va más allá de la selección básica con ratón. El editor ofrece múltiples métodos para seleccionar contenido de forma precisa y eficiente.

Selección por palabras y líneas:

• Seleccionar palabra: Ctrl+D - Selecciona la palabra bajo el cursor
• Seleccionar línea completa: Ctrl+L - Incluye el salto de línea
• Seleccionar todo: Ctrl+A - Selecciona todo el contenido del archivo
• Expandir selección: Shift+Alt+→ - Expande la selección semánticamente
• Contraer selección: Shift+Alt+← - Reduce la selección al elemento anterior

def procesar_datos(lista_numeros):
    # Usa Ctrl+D en 'lista_numeros' para seleccionar todas las ocurrencias
    resultado = []
    for numero in lista_numeros:
        if numero > 0:
            resultado.append(numero * 2)
    return resultado

La selección múltiple permite editar varios lugares simultáneamente. Mantén presionado Ctrl mientras haces clic para crear múltiples cursores, o usa Ctrl+D repetidamente para seleccionar ocurrencias consecutivas de la misma palabra.

Selección de bloques y columnas:

• Selección rectangular: Shift+Alt+Arrastrar - Selecciona un bloque rectangular
• Insertar cursor arriba: Ctrl+Alt+↑ - Añade cursor en la línea superior
• Insertar cursor abajo: Ctrl+Alt+↓ - Añade cursor en la línea inferior

/* Selección rectangular útil para editar propiedades CSS */
.contenedor {
    margin-top: 10px;     /* Selecciona los valores */
    margin-right: 15px;   /* con Shift+Alt+Arrastrar */
    margin-bottom: 10px;
    margin-left: 15px;
}

Manipulación de líneas y bloques

VS Code incluye operaciones específicas para trabajar con líneas completas, facilitando la reorganización y duplicación de código.

Operaciones con líneas:

• Duplicar línea: Shift+Alt+↓ - Duplica la línea actual hacia abajo
• Mover línea arriba: Alt+↑ - Desplaza la línea una posición arriba
• Mover línea abajo: Alt+↓ - Desplaza la línea una posición abajo
• Eliminar línea: Ctrl+Shift+K - Borra la línea completa

public class Ejemplo {
    private String nombre;
    private int edad;        // Alt+↓ para mover después de 'email'
    private String email;
    
    // Shift+Alt+↓ en cualquier línea para duplicarla
}

Indentación y formato

La indentación correcta es fundamental para la legibilidad del código. VS Code maneja automáticamente la indentación según el tipo de archivo, pero también permite control manual.

Control de indentación:

• Indentar: Tab - Aumenta la indentación del texto seleccionado
• Des-indentar: Shift+Tab - Reduce la indentación
• Formatear documento: Shift+Alt+F - Aplica formato automático completo
• Formatear selección: Ctrl+K Ctrl+F - Formatea solo el texto seleccionado

<div class="contenedor">
<p>Texto sin indentar</p>          <!-- Selecciona y usa Tab -->
    <span>Texto correctamente indentado</span>
        <a href="#">Enlace</a>     <!-- Usa Shift+Tab para corregir -->
</div>

Comentarios de código

Los comentarios son esenciales para documentar código. VS Code reconoce automáticamente el tipo de archivo y aplica el estilo de comentario correspondiente.

Atajos para comentarios:

• Comentario de línea: Ctrl+/ - Alterna comentario en línea actual
• Comentario de bloque: Shift+Alt+A - Alterna comentario de bloque
• Comentar selección: Funciona con cualquier cantidad de líneas seleccionadas

// Comentario de línea (Ctrl+/)
function ejemplo() {
    let variable = "valor";
    /* 
       Comentario de bloque (Shift+Alt+A)
       Útil para explicaciones largas
    */
    return variable;
}

Plegado de código

El plegado de código (code folding) permite ocultar secciones de código para mejorar la navegación en archivos largos. VS Code detecta automáticamente las regiones plegables basándose en la estructura del lenguaje.

Controles de plegado:

• Plegar región: Ctrl+Shift+[ - Oculta el bloque actual
• Desplegar región: Ctrl+Shift+] - Muestra el bloque oculto
• Plegar todo: Ctrl+K Ctrl+0 - Oculta todas las regiones
• Desplegar todo: Ctrl+K Ctrl+J - Muestra todas las regiones

class GestorUsuarios:
    def __init__(self):          # ← Icono de plegado aparece aquí
        self.usuarios = []
        self.configuracion = {}
    
    def agregar_usuario(self, usuario):  # ← Y aquí
        # Implementación del método...
        pass

Configuración de visualización

VS Code ofrece opciones de visualización que mejoran la experiencia de edición, especialmente útiles cuando se trabaja con líneas largas o código complejo.

Ajustes de visualización:

• Word wrap: Alt+Z - Alterna el ajuste automático de línea
• Numeración de líneas: Visible por defecto, configurable en ajustes
• Mostrar espacios en blanco: Ctrl+Shift+P → "Toggle Render Whitespace"

El word wrap es particularmente útil cuando se trabaja con líneas largas de código o comentarios extensos, evitando el desplazamiento horizontal constante.

<!-- Ejemplo de línea larga que se beneficia del word wrap -->
Este es un comentario muy largo que normalmente requeriría desplazamiento horizontal, pero con word wrap activado se ajusta automáticamente al ancho del editor.

La numeración de líneas facilita la navegación y referencia a partes específicas del código, especialmente útil durante la depuración o cuando se trabaja en equipo y se necesita referenciar líneas específicas.