Consejos y trucos avanzados para Visual Studio y VS Code

Inicio » Python » Consejos y trucos avanzados para Visual Studio y VS Code

Si pasa horas todos los días dentro de Visual Studio o VS Code, obtener un poco más de productividad de su IDE rápidamente se traduce en un enorme ahorro de tiempo. Las herramientas modernas de Microsoft esconden una sorprendente cantidad de potencia detrás de atajos de teclado, navegación inteligente, depuradores y servicios en segundo plano, pero la mayoría de los desarrolladores solo arañan la superficie.

Esta guía reúne los consejos, trucos y ajustes de rendimiento más útiles de Visual Studio y Visual Studio Code en un tutorial detallado. Aprenderás a escribir y navegar código más rápido, optimizar la depuración, optimizar el editor para soluciones grandes y evitar que tu máquina se detenga cuando la memoria escasea. Todo se explica en un lenguaje sencillo, con atajos prácticos y rutas de menú que puedes probar de inmediato.

Escribir código más rápido en Visual Studio

Visual Studio tiene muchos ayudantes integrados que aceleran drásticamente la edición diaria una vez que te acostumbras a ellos. En lugar de copiar y pegar manualmente, usar constantemente el mouse o desplazarse, confíe en los comandos convenientes del editor y en IntelliSense.

Comandos de edición de conveniencia que realmente deberías usar

En lugar de copiar y pegar líneas a mano, duplíquelas con un solo comando. Usar el menú Editar > Duplicar o el atajo Ctrl+E, V Para clonar la línea o selección actual directamente debajo. Para expandir o contraer una selección de forma inteligente, use Editar > Avanzado > Expandir selección or Selección de contrato, o golpear Mayús+Alt+= y Mayús+Alt+-.

IntelliSense bien hecho (incluido el modo de sugerencia)

IntelliSense en Visual Studio es más que una simple lista de autocompletar; admite coincidencias aproximadas e información rica de parámetros. Las listas de miembros muestran elementos que que no contengo los caracteres escritos en cualquier parte del nombre, no sólo al principio, y la información sobre herramientas muestra sugerencias de parámetros, información rápida y ayuda con la firma a medida que escribe.

Cuando IntelliSense sigue insertando elementos que no desea, cámbielo al modo de sugerencia. Prensa Ctrl+Alt+Espacio vea la sección Editar > IntelliSense > Activar o desactivar el modo de finalización para que las sugerencias aparezcan pero solo se inserten si las confirmas explícitamente.

Fragmentos de código y “Pegar JSON/XML como clases”

Los fragmentos son una de las formas más rápidas de producir código repetitivo en Visual Studio. Puedes insertar fragmentos integrados o crear los tuyos propios. Usar Editar > IntelliSense > Insertar fragmento or Rodear con, o haga clic derecho en el editor y seleccione Fragmento > Insertar fragmento or Rodear con.

Al trabajar con API, “Pegar JSON/XML como clases” parece casi mágico. Copie cualquier dato JSON o XML al portapapeles, abra un archivo de código C# o VB y seleccione Editar > Pegado especial > Pegar JSON como clases (o Pegar XML como clases). Visual Studio genera clases .NET fuertemente tipadas para usted, listas para usar, y puede acelerar los flujos de trabajo que incluyen analizar datos con SQL.

Pegado adaptativo con GitHub Copilot

Si usa GitHub Copilot, el pegado adaptable de Visual Studio puede ajustar el código pegado para que coincida con su contexto. Copilot analiza dónde pegas y puede proponer cambios como completar miembros de la interfaz faltantes, alinear el estilo y el formato con el archivo circundante, corregir pequeños errores, traducir entre lenguajes humanos o de programación o continuar un patrón que ya comenzaste.

Correcciones en línea con acciones rápidas

Las acciones rápidas son su herramienta ideal para refactorizar y solucionar problemas directamente en el editor. Cuando Visual Studio muestre un icono de destornillador o bombilla, presione Alt + Intro or Ctrl+. En esa línea. Obtendrás soluciones específicas según el contexto: generar métodos, renombrar de forma segura, aplicar refactorizaciones sugeridas y más.

Vista previa y edición de definiciones en el lugar

No siempre es necesario alejarse del archivo actual para inspeccionar un tipo o método. Resalte un identificador y presione Alt + F12 (o utilice el menú contextual Definición de pico) para abrir la definición en línea en un pequeño editor de vista previa. Si prefiere una pestaña completa, haga clic derecho y seleccione Ir a la definición .

Aprendiendo de aplicaciones de muestra y adaptando el formato

Microsoft publica muchas aplicaciones de muestra que puedes descargar para aprender tecnologías o patrones específicos. Instálelos desde Microsoft Developer Network (MSDN) y explore cómo estructuran proyectos, manejan errores o conectan capas de interfaz de usuario.

Visual Studio proporciona un control detallado sobre el estilo del código, incluida la ubicación de llaves y los saltos de línea. Para C#, explore Opciones > Editor de texto > C# > Estilo de código > FormatoPara C++ y Python, existen secciones de formato similares para que su equipo pueda compartir un estilo consistente.

La sangría y el comportamiento de las tabulaciones se pueden estandarizar mediante configuraciones de editor compartidas. En Editor de texto > Todos los idiomas > PestañasPor idioma, puede decidir si usar tabulaciones o espacios, el tamaño de las tabulaciones y las reglas de sangría. Con archivos de configuración portátiles, estas reglas se transmiten con el código base a través de máquinas y editores.

Navegar por el código y el IDE de Visual Studio de forma eficiente

La navegación rápida es a menudo la diferencia entre sentirse “perdido en el código” y tener el control total de una solución grande. Visual Studio viene con potentes vistas de marcadores, búsquedas y mapas para mantenerlo orientado.

Navegación por marcadores y símbolos

Utilice marcadores siempre que tenga que saltar entre algunas líneas importantes. Activar o desactivar un marcador con Editar > Marcadores > Activar o desactivar marcador y gestionarlos desde el Puntos de libro ventana. Esto hace que sea trivial rebotar entre puntos importantes en un archivo grande.

Para una navegación rápida entre símbolos o archivos, utilice los comandos “Ir a”. Usar Editar > Ir a Para buscar símbolos o archivos dentro de su solución. Para una búsqueda global más potente entre tipos, miembros, archivos y símbolos, utilice Ir a todos (Ctrl + T por defecto) para saltar a cualquier lugar instantáneamente.

Comprender la estructura del proyecto con el Explorador de soluciones y mapas

El Explorador de soluciones es más que un árbol de archivos; es una vista estructural de su proyecto. Puede buscar símbolos, consultar jerarquías de llamadas, ver referencias y abrir elementos en una pestaña de vista previa. Al seleccionar un elemento de código en el Explorador de soluciones, el editor se desplaza directamente a ese elemento.

Si prefiere una vista más visual de las dependencias, los mapas de código son extremadamente útiles. Construye una mapa de códigos para ver cómo los proyectos, espacios de nombres y clases se referencian entre sí sin leer todo el código fuente línea por línea.

Modo de mapa de barra de desplazamiento y archivos recientes

El modo de mapa en la barra de desplazamiento vertical muestra una vista en miniatura de su archivo para ayudarlo a navegar rápidamente. Puedes personalizarlo a través de las opciones de la barra de desplazamiento si prefieres una barra más tradicional o quieres modificar su comportamiento.

Para los archivos que revisas con frecuencia, comandos como “Ir al archivo reciente” ahorran tiempo. La lista de archivos recientes en Editar > Ir a > Ir a archivo reciente (o su acceso directo) muestra su conjunto de trabajo para que no necesite recordar rutas o espacios de nombres.

Sincronización del Explorador de soluciones y personalización del diseño

En soluciones grandes, es fácil olvidar dónde se encuentra un archivo. Utilice el Sincronizar con documento activo Botón en el Explorador de soluciones para resaltar el archivo abierto en el árbol del proyecto.

El diseño de las ventanas en Visual Studio es muy flexible y vale la pena personalizarlo. Prensa F4 Mueva la ventana Propiedades a la derecha si desea un diseño más tradicional y experimente con ventanas de documentos flotantes o ventanas de herramientas en monitores secundarios. Incluso puede abrir una segunda vista del Explorador de soluciones para administrar los archivos por separado.

Cómo buscar comandos, archivos y opciones como un profesional

En lugar de buscar en los menús, utilice la búsqueda global y los filtros de Visual Studio para encontrar exactamente lo que necesita. Esto funciona para comandos, opciones, cuadros de diálogo y contenidos de ventanas de herramientas.

Ventanas de herramientas de filtrado y lista de errores

Muchas ventanas de herramientas admiten filtrado integrado para que solo veas los elementos relevantes. Por ejemplo, Caja de herramientas, Propiedades y Explorador de soluciones se pueden filtrar escribiendo parte del nombre de un elemento y ocultando todo lo demás.

El panel Lista de errores le permite centrarse en los problemas que le interesan. Haga clic en el botón Filtrar Botón para mostrar solo errores de archivos abiertos, del archivo actual o del proyecto actual. También puede buscar por texto para encontrar un mensaje de error específico.

Encontrar rápidamente diálogos, opciones y comandos

El cuadro de búsqueda global en Visual Studio es su acceso directo a casi todo. Cuando haya terminado, haga clic en Ctrl + Q Y empieza a escribir cosas como "nuevo proyecto", "tema" o "atajos de teclado". Visual Studio sugiere comandos de menú, páginas de opciones y archivos coincidentes; elige uno y estarás listo al instante.

Depuración más inteligente en Visual Studio

Las sesiones de depuración pueden consumir mucho tiempo y memoria, por lo que utilizar las funciones avanzadas del depurador es clave. El depurador de Visual Studio es extremadamente capaz una vez que se va más allá de los puntos de interrupción básicos y el registro de la consola.

Conceptos básicos del depurador y puntos de interrupción versátiles

“Depurar” en Visual Studio significa ejecutar bajo el depurador, no solo rociar registros. Esto te permite inspeccionar variables, recorrer el código paso a paso y visualizar el rendimiento mientras se ejecuta la aplicación. Si no tienes experiencia con esto, te recomendamos leer la documentación integrada "Primer vistazo al depurador".

Hay varios tipos de puntos de interrupción, incluidos los temporales y condicionales. Puedes correr hasta el cursor con Ctrl + F10 o haga clic derecho en una línea y seleccione Ejecutar hasta el cursor, que establece un punto de interrupción único y comienza la ejecución hasta que se alcanza esa línea.

Fijación de valores de variables y uso de la ventana Inmediato

DataTips le permite fijar valores de variables directamente en el editor. Mientras la ejecución está en pausa, pase el cursor sobre una variable y haga clic en el icono de chincheta en la información sobre datos. Al detener la depuración, el icono de chincheta azul permanece en el margen; al pasar el cursor sobre él, se muestra el último valor depurado en esa línea.

La ventana Inmediata se puede borrar y reutilizar sin tener que volver a abrirla. En tiempo de diseño, escriba >cls or >Edit.ClearAll Para borrar su contenido. Hay muchos otros alias de comando útiles disponibles para automatizar pequeñas tareas del depurador.

CodeLens, Live Share y REPL interactivos

CodeLens superpone información completa justo encima de sus métodos: referencias, historial, elementos de trabajo vinculados, pruebas y más. Te mantiene concentrado en el editor mientras haces un seguimiento de lo que cambió, quién lo cambió y dónde se usa.

Live Share convierte la depuración en una experiencia colaborativa. Usted y sus compañeros de equipo pueden editar y depurar la misma base de código simultáneamente, independientemente del idioma o el tipo de proyecto, sin que todos clonen el repositorio localmente de la misma manera.

Las ventanas REPL interactivas para lenguajes como C# y Python son perfectas para la experimentación. Ejecute fragmentos de código y vea los resultados inmediatamente; luego, copie los fragmentos que funcionen en su proyecto principal una vez que esté satisfecho con ellos.

Acceder rápidamente a las herramientas para desarrolladores desde Windows

Si trabaja mucho con el símbolo del sistema para desarrolladores u otras herramientas de Visual Studio, fíjelas para acceder a ellas con un solo clic. Navega a %ProgramData%\Microsoft\Windows\Menú Inicio\Programas\Visual Studio 2019\Visual Studio Tools, botón derecho del ratón Símbolo del sistema para desarrolladores, y elija Pin a Inicio or Pin a la barra de tareas.

Mantenerse organizado: pestañas, ventanas y fuentes

A medida que su solución crece, mantenerse organizado en el IDE se vuelve tan importante como escribir código limpio. Visual Studio le ofrece muchas formas de mantener visibles los archivos utilizados con frecuencia y los diseños ergonómicos.

Fijar pestañas y usar varios monitores

Fija pestañas en los archivos que usas constantemente para que permanezcan visibles incluso cuando haya muchos otros archivos abiertos. Haga clic en el icono de chincheta situado a la izquierda de una pestaña para fijarla en su lugar.

Si tiene varios monitores, mueva ventanas y documentos para crear una cabina personalizada. Arrastre una pestaña del editor a otro monitor para abrirla en una ventana independiente, o arrastre ventanas de herramientas, como los paneles del depurador, a una pantalla dedicada. Incluso puede crear conjuntos de pestañas con herramientas y documentos acoplados.

Duplicación del Explorador de soluciones y personalización de fuentes

Tener una segunda vista del Explorador de soluciones es excelente para administrar bases de código grandes. Haga clic con el botón Explorador de la solución y seleccione Nueva vista del Explorador de soluciones, luego muévalo a otro monitor o acóplelo de manera diferente.

La configuración de fuentes de Visual Studio va mucho más allá de "hacer que el texto sea más grande". In Herramientas > Opciones > Entorno > Fuentes y colores Puede cambiar el tipo de letra, el tamaño y los colores de elementos específicos, como comentarios, palabras clave o texto de la ventana de herramientas, lo que mejora significativamente la legibilidad.

Visual Studio Code: Trucos de productividad para el día a día

Visual Studio Code (VS Code) se centra en la velocidad, la portabilidad y la extensibilidad, lo que lo hace muy popular entre los desarrolladores web y multiplataforma. Muchas de sus mejores características se encuentran detrás de la paleta de comandos, los atajos de teclado y las configuraciones basadas en JSON.

Introducción y uso de la paleta de comandos

La forma más rápida de explorar VS Code es a través de la página de bienvenida y los tutoriales integrados. Abrirlos desde Ayuda > Bienvenido o a través de la Ayuda: Bienvenido comando en la paleta de comandos.

La paleta de comandos es su centro de control universal en VS Code. Prensa Ctrl + Shift + P (o Mayús+Cmd+P en macOS) y empieza a escribir cualquier comando, como "Formatear documento", "Renombrar símbolo" o "Git: Verificar en...". Ya casi no necesitas tocar la barra de menú cuando esto se convierte en un hábito.

Atajos de teclado imprescindibles en VS Code

Conocer algunos atajos básicos te hará inmediatamente más rápido en VS Code. Usar Ctrl + P para abrir archivos rápidamente, Ctrl+\ para dividir el editor en columnas y Ctrl + ` Para alternar el terminal integrado. Para editar varias líneas, pruebe comandos multicursor como Alt+Clic para agregar cursores, Ctrl+Alt+Arriba/Abajo para agregar cursores verticalmente y Ctrl + D para seleccionar la próxima aparición de un término.

La edición en paralelo es sencilla e increíblemente útil. Cuando haya terminado, haga clic en Ctrl+\ para dividir y luego saltar entre grupos de editores con Ctrl + 1, Ctrl + 2, o Ctrl + 3Para Markdown, existen atajos especializados como Ctrl + Shift + V para abrir la vista previa y Ctrl+KV para edición y vista previa en paralelo.

Explorador, Apertura rápida e historial de navegación

Se puede acceder rápidamente a la vista del Explorador con Ctrl + Shift + E, pero a menudo accederás a los archivos incluso más rápido con Apertura rápida. Prensa Ctrl + P, comience a escribir parte de un nombre de archivo y presione entrar:. Tipo ? Dentro de Apertura rápida para ver sugerencias y opciones avanzadas.

Las carpetas y espacios de trabajo abiertos recientemente están disponibles a través de Ctrl + R. Esto abre una lista rápida similar a Archivo > Abrir reciente, permitiéndole cambiar de proyecto con el mínimo esfuerzo. Dentro de un proyecto, Ctrl + Tab recorre los archivos recientes y Ctrl + G salta directamente a un número de línea.

VS Code también te permite presionar Ctrl+Clic (Cmd+Clic en macOS) en una ruta de archivo para abrir o crear ese archivo. Esto es especialmente útil en archivos de configuración y documentación donde se hace referencia a otros archivos con frecuencia.

Terminal y paneles integrados

La terminal integrada mantiene su flujo de trabajo dentro del editor. Ábrelo con Ctrl + `, cambie de shell desde el menú desplegable o cree instancias adicionales según sea necesario. Utilice Ctrl + J para alternar entre abrir o cerrar el panel inferior para que no ocupe espacio vertical.

Modo Zen y ventanas flotantes

El modo Zen oculta todo el ruido cuando necesitas un enfoque profundo. Cuando haya terminado, haga clic en Ctrl+KZ (Cmd+KZ en macOS) para atenuar las barras laterales y los paneles; presione Esc dos veces para salir y volver a la interfaz de usuario.

Los editores, terminales y vistas se pueden mover a ventanas flotantes para configuraciones de múltiples monitores. Arrastre una pestaña fuera de la ventana principal o utilice los comandos “Mover a nueva ventana” / “Copiar a nueva ventana” del menú contextual de la pestaña.

VS Code desde la línea de comandos y conceptos básicos del espacio de trabajo

La CLI de VS Code es potente y perfecta para integrarse con su flujo de trabajo de shell. Una vez que la code el binario está en tu RUTA, puedes abrir carpetas, archivos y diferencias directamente desde la terminal.

Comandos comunes de la CLI de VS Code

Hay algunos patrones que usarás todo el tiempo desde la línea de comando. Algunos ejemplos son:

• Abrir el directorio actual: code .
• Reutilizar la última ventana: code -r .
• Abrir nueva ventana: code -n
• Cambiar idioma: code --locale=es
• Diferenciar dos archivos: code --diff file1 file2
• Abrir en una línea específica: code --goto package.json:10:5
• Deshabilitar todas las extensiones: code --disable-extensions .

Configuración del espacio de trabajo y la carpeta .vscode

Las configuraciones específicas del espacio de trabajo, las tareas y las configuraciones de lanzamiento se encuentran dentro del .vscode carpeta en la raíz del proyecto. Archivos como tasks.json (para ejecutar compilaciones, pruebas, etc.) y launch.json (configuración del depurador) hace que su proyecto sea portátil y fácil de configurar en cualquier máquina.

Barra de estado, problemas y modos de idioma

La barra de estado en la parte inferior de VS Code no es solo decorativa; muestra información clave y acciones rápidas. El recuento de errores, los modos de idioma, la rama Git y más están a un clic de distancia.

Errores y advertencias

Prensa Ctrl + Mayús + M para abrir el panel de Problemas y saltar rápidamente a través de los problemas. Usar F8 y Shift + F8 para recorrer el error o advertencia siguiente y anterior, y filtrar la lista por gravedad o utilizando el cuadro de búsqueda.

Cambiar el modo de idioma

El idioma que se muestra en la barra de estado controla qué sintaxis y herramientas utiliza VS Code para el archivo actual. Haga clic en el nombre del idioma o utilice Ctrl+KM Para cambiar, utilice el comando “Configurar asociación de archivos” si desea que esa extensión siempre se asigne a un idioma en particular.

Personalización de VS Code: temas, mapas de teclas y configuraciones

Una de las mayores fortalezas de VS Code es lo mucho que puedes personalizarlo sin escribir ningún complemento. Los temas, las combinaciones de teclas, las configuraciones, los fragmentos y la validación están a solo unos pocos comandos de distancia.

Cambiar temas y mapas de teclas

Cambie los temas de color con el comando “Preferencias: Tema de color” o Ctrl+K Ctrl+T. Puede buscar e instalar temas adicionales del Marketplace directamente desde ese selector.

Si viene de otro editor, instale una extensión de mapa de teclas para reutilizar atajos familiares. Ejecute el comando “Preferencias: Asignaciones de teclas” y elija entre asignaciones populares como Vim, Sublime Text o IntelliJ.

Edición de atajos de teclado

El editor de atajos de teclado de VS Code muestra todos los enlaces actuales en una vista que se puede buscar. Ábralo a través de “Preferencias: Abrir atajos de teclado” o Ctrl+K Ctrl+S. Utilice el icono del lápiz o entrar: para asignar nuevos accesos directos o cambiar a keybindings.json para la edición de JSON sin procesar.

Ajustes de configuración a través de la interfaz de usuario o settings.json

De forma predeterminada, utilizará la interfaz de usuario de Configuración, pero siempre puede cambiar a settings.json para un control preciso. Ábralo con “Abrir configuración de usuario (JSON)” o cambie la workbench.settings.editor configuración para que JSON se convierta en su editor predeterminado.

Los ajustes comunes incluyen tamaños de fuente, nivel de zoom, guardado automático y comportamiento de formato. Por ejemplo, podría configurar:

• "editor.fontSize": 18 para el editor principal
• "terminal.integrated.fontSize": 14 para la terminal
• "window.zoomLevel": 1 para escalar la interfaz de usuario en general
• "files.autoSave": "afterDelay" para guardar automáticamente después de un breve retraso
• "editor.formatOnSave": true y "editor.formatOnPaste": true para mantener el código ordenado
• "editor.tabSize": 4 y "editor.insertSpaces": true para una sangría consistente
• "editor.renderWhitespace": "all" Cuando quieras ver todos los espacios y tabulaciones

Para ocultar archivos o carpetas en el Explorador o la búsqueda, utilice files.exclude y search.exclude . Estos aceptan patrones glob y le ayudan a ignorar artefactos de compilación o directorios de proveedores.

Configuraciones específicas del idioma y validación JSON

Cualquier configuración puede limitarse a un idioma específico mediante un bloque identificador de idioma. Por ejemplo:

"": {
  "editor.tabSize": 2
}

La validación JSON está integrada y se puede ampliar mediante json.schemas. Puede asociar archivos JSON específicos (como bower.json o configuraciones personalizadas) con esquemas de schemastore.org o sus propios archivos locales, o incluso definir esquemas en línea en settings.json.

Navegador predeterminado y registros compuestos

Cuando haces Ctrl+clic en un enlace, VS Code lo abre en tu navegador predeterminado, el cual puedes anular mediante workbench.externalBrowser. Utilice valores como "edge", "chrome", o "firefox", o apuntar directamente a un ejecutable del navegador.

Los registros de múltiples servicios se pueden fusionar en un único registro compuesto en el panel Salida. Utilice “Crear registro compuesto…” en el menú adicional del panel Salida para combinar flujos de trabajo relacionados y facilitar la depuración de flujos de trabajo complejos.

Extensiones y trabajo con archivos en VS Code

Las extensiones son donde VS Code realmente cobra vida, pero administrarlas adecuadamente y comprender la navegación de archivos es crucial. Esto mantiene su entorno poderoso sin sobrecargarse.

Descubrir, instalar y recomendar extensiones

Abra la vista Extensiones con Ctrl + Mayús + X para buscar y administrar extensiones. Desde allí puedes buscar, ver recomendaciones, filtrar por “Más populares” u ordenar por cantidad de instalaciones y habilitar/deshabilitar extensiones por espacio de trabajo.

Las extensiones imprescindibles más comunes incluyen formateadores como Prettier, linters como ESLint y ayudantes de Git como GitLens. Muchos artículos y listas seleccionadas (como awesome-vscode) muestran configuraciones para lenguajes y pilas específicos.

Cuadros de diálogo de archivos, apertura rápida e historial de navegación

Puede cambiar del cuadro de diálogo de archivo del sistema operativo a un cuadro de diálogo de archivo más simple basado en selección rápida a través de files.simpleDialog. Esto mantiene todo dentro de VS Code y funciona de la misma manera en todas las plataformas.

Apertura rápida (Ctrl + P) no solo encuentra archivos, sino que también puede abrir varios documentos en secuencia. Utilice la tecla de flecha derecha mientras Apertura rápida esté visible para abrir la selección actual en segundo plano y seguir seleccionando más archivos.

Se puede acceder al historial de navegación a través de Ctrl + Tab, y puedes saltar hacia atrás o hacia adelante con atajos como Alt+Izquierda / Alt+Derecha (o equivalentes de la plataforma). Esto es especialmente útil después de pasar a definiciones o referencias.

Asociaciones de archivos y guardados seguros

Usar files.associations para decirle a VS Code que ciertas extensiones personalizadas son en realidad JSON, YAML u otro lenguaje. Por ejemplo, el mapeo .database a "json" Permite la validación e IntelliSense para un formato de configuración propietario.

VS Code evita las “escrituras sucias” cuando un archivo ha cambiado en el disco desde que lo abrió. Si eso sucede, VS Code muestra una diferencia entre su versión y la versión del disco y le solicita que acepte los cambios o vuelva al disco, lo que garantiza que nunca pierda silenciosamente las ediciones externas.

Edición de funciones avanzadas en VS Code

El editor de VS Code incluye muchas joyas ocultas para selección, navegación y transformación avanzadas. Una vez que estos se convierten en memoria muscular, la edición repetitiva de texto se vuelve mucho menos dolorosa.

Selección de columnas, reglas y ajustes de desplazamiento

La selección de columnas (cuadros) le permite editar bloques verticales de texto fácilmente. Mantener Mayús + Alt (Shift+Opción en macOS) mientras arrastra con el mouse, o use atajos de teclado dedicados, para agregar un cursor a cada línea seleccionada.

Se pueden agregar reglas verticales mediante editor.rulers para guiar la longitud de la línea. Por ejemplo, "editor.rulers": dibuja tenues líneas verticales en esas columnas.

El desplazamiento rápido y el desplazamiento bloqueado le ayudan a navegar por archivos grandes o múltiples editores. Tenencia otro aumenta la velocidad de desplazamiento (ajustable mediante editor.fastScrollSensitivity), y el comando “Alternar desplazamiento bloqueado entre editores” sincroniza el desplazamiento entre editores visibles para que las líneas permanezcan alineadas.

Copiar/mover líneas, crecimiento de la selección y recorte de espacios en blanco

Mueva o copie líneas con atajos de teclado en lugar de cortar/pegar. Usar Alt+Arriba/Abajo para mover una línea, o Mayús+Alt+Arriba/Abajo para copiarlo (con algunas variaciones específicas del sistema operativo, especialmente en Linux).

Reducir y expandir selecciones semánticamente con atajos como Mayús+Alt+Izquierda/Derecha. Estos comandos crecen desde palabra a expresión, a declaración, a bloque, y luego se reducen nuevamente.

Usar Ctrl+K Ctrl+X para recortar los espacios en blanco finales en el documento. Combínalo con "files.trimTrailingWhitespace": true Si desea que esto suceda automáticamente al guardar.

Símbolos, contorno y cursor deshacer

Ir al símbolo en el archivo (Ctrl + Shift + O) e Ir al símbolo en el espacio de trabajo (Ctrl + T) son invaluables en bases de código grandes. Agregar @: en la búsqueda de símbolos para agrupar los resultados por tipo.

La vista Esquema en el Explorador muestra la estructura del archivo actual y le permite saltar directamente a funciones, clases y regiones. Puede ordenar por nombre, categoría o posición.

Deshacer el movimiento del cursor con Ctrl + U Si saltaste a algún lugar por error. Esto revierte el último cambio de posición del cursor sin deshacer las ediciones.

Herramientas de formato de código, plegado y Markdown

Formatear una selección con Ctrl+K Ctrl+F o un documento completo con Mayús+Alt+F. Al configurar formateadores específicos del idioma, el estilo del código se mantiene consistente automáticamente.

El plegado de código le permite contraer y expandir regiones, funciones o comentarios con atajos como Ctrl+Mayús+. “Plegar todo”, “Desplegar todo” y “Plegar todos los comentarios del bloque” también están disponibles para administrar rápidamente la estructura visible.

Específicamente para Markdown, puedes abrir vistas previas y sincronizarlas con el editor. Ctrl + Shift + V abre una pestaña de vista previa, mientras Ctrl+KV Muestra el editor y la vista previa uno al lado del otro con desplazamiento vinculado.

IntelliSense, búsqueda y ESLint en VS Code

Las capacidades de búsqueda e IntelliSense de VS Code van mucho más allá del autocompletado básico y la simple búsqueda/reemplazo. Si se usan bien, proporcionan el tipo de inteligencia de código que se encuentra en los IDE pesados.

Acciones IntelliSense, Peek e Go To

Activar sugerencias con Ctrl + Espacio para ver métodos, propiedades, sugerencias de parámetros y documentación en línea. IntelliSense se adapta a los servidores de idiomas y extensiones instalados, por lo que herramientas más completas producen sugerencias más completas.

Definición de Peek (Alt + F12) abre el destino en línea para que no tengas que abandonar tu contexto actual. Ir a la definición (F12 o Ctrl+Clic) salta directamente a la fuente, e Ir a referencias (Shift + F12) enumera todos los usos de ese símbolo.

Vista Buscar todas las referencias (Mayús+Alt+F12) proporciona un panel dedicado que muestra todos los grupos de referencia por archivo. Puede cambiar el nombre de los símbolos de forma segura con F2, actualizando todas las referencias en una sola operación.

Búsqueda y reemplazo de expresiones regulares con grupos

Habilite expresiones regulares en la búsqueda para realizar refactorizaciones sofisticadas. Haga clic en el botón Usar expresiones regulares botón en la barra de búsqueda o presione el acceso directo de expresiones regulares (Alt + R en la mayoría de las plataformas). Utilice grupos de captura en su patrón y haga referencia a ellos en el campo Reemplazar con $1, $2, Y así sucesivamente.

Integración de ESLint

Combine la extensión ESLint con un entorno de desarrollo bien configurado. .eslintrc.json para mantener limpio el código JavaScript y TypeScript. Puedes ajustar entornos (navegador, Node, ES6), opciones de analizador (módulos, JSX) y reglas para que se ajusten a la guía de estilo de tu proyecto. VS Code muestra errores y advertencias de lint en línea, a menudo con soluciones rápidas.

Fragmentos, integración con Git y diferencias en VS Code

Los fragmentos de código y la compatibilidad integrada con Git suponen un gran ahorro de tiempo en VS Code, ya que reducen el código repetitivo y simplifican el control de versiones. Son totalmente extensibles y están profundamente integrados con el editor.

Creación y uso de fragmentos personalizados

Crea tus propios fragmentos a través de Archivo > Preferencias > Configurar fragmentos. Seleccione un idioma y luego defina las entradas con un prefix, bodyy opcional description. Marcadores de posición como $1, $2 y las opciones hacen que los fragmentos sean interactivos y reutilizables.

Conceptos básicos de Git, culpa y vistas de diferencias

VS Code tiene soporte Git listo para usar; abra la vista de control de origen con Ctrl + Shift + G. Puede preparar, despreparar, confirmar, crear ramas e inspeccionar cambios sin salir del editor.

La información de culpa de Git aparece en línea y en la barra de estado cuando está habilitada. Utilice comandos como “Git: Alternar la decoración del editor de culpabilidad de Git” y “Git: Alternar el elemento de la barra de estado de culpabilidad de Git” para activar o desactivar estas sugerencias.

Diferencias entre revisiones abiertas en un editor de diferencias con vistas en paralelo o en línea. El
El botón "Abrir cambios" o la selección de un archivo modificado en la vista de control de código fuente muestran exactamente qué cambió. Puede alternar la vista en línea o configurar "diffEditor.renderSideBySide": false Si prefieres una diferencia de una sola columna.

VS Code también ofrece un visor de diferencias accesible controlado por F7 y Shift + F7. Presenta cambios en una lista unificada de estilo parche que puedes navegar con las teclas de flecha y luego volver al editor de diferencias con entrar:.

Rangos de preparación, deshacer confirmaciones y salida de Git

No es necesario preparar archivos completos; puedes preparar rangos seleccionados a partir de una diferencia. Seleccione texto y ejecute “Etapa de rangos seleccionados” desde la paleta de comandos o el menú contextual de diferencias para crear confirmaciones precisas.

Si te arrepientes de tu última confirmación, utiliza la acción “Confirmar > Deshacer última confirmación”. Mueve los cambios nuevamente al área “Cambios programados” para que puedas editar el mensaje o ajustar el contenido.

Utilice “Git: Mostrar salida de Git” para ver los comandos exactos que VS Code está ejecutando. Esta es una gran ayuda de aprendizaje cuando eres nuevo en Git o cuando tienes que depurar problemas complicados en el repositorio.

Conflictos de fusión y herramientas externas de Git

Durante las fusiones, la vista Control de origen resalta los archivos en conflicto y los abre con controles de resolución en línea. Las acciones de CodeLens como “Aceptar actual”, “Aceptar entrante”, “Aceptar ambos” y “Comparar cambios” facilitan la resolución de conflictos.

También puedes configurar VS Code como tu herramienta de combinación o comparación predeterminada para Git. Las configuraciones globales típicas se ven así:

git config --global merge.tool vscode
git config --global mergetool.vscode.cmd 'code --wait $MERGED'

git config --global diff.tool vscode
git config --global difftool.vscode.cmd 'code --wait --diff $LOCAL $REMOTE'

Depuración en VS CODE: configuraciones de lanzamiento, puntos de interrupción y puntos de registro

La experiencia de depuración de VS Code está impulsada por extensiones específicas del lenguaje, pero sigue un patrón consistente en todas las pilas. Una vez que comprenda las configuraciones de lanzamiento y los puntos de interrupción, cambiar de idioma será fácil.

Creación de configuraciones de lanzamiento

Abra la vista Ejecutar y depurar (Ctrl + Shift + D) y seleccione “crear un archivo launch.json” para comenzar. Selecciona tu entorno (Node.js, Python, C++, etc.) y VS Code generará una configuración inicial. Después, puedes personalizar las rutas del programa, las variables de entorno y las tareas que se ejecutarán antes del lanzamiento.

Puntos de interrupción, pasos e inspección de variables

Alterne los puntos de interrupción haciendo clic en el margen izquierdo o presionando F9 en una línea. Cuando se inicia una sesión de depuración, aparece la barra de herramientas de depuración con controles para pasar por alto, entrar y salir de funciones, continuar la ejecución y reiniciar sesiones.

Inspeccione las variables a través del panel VARIABLES, al pasar el mouse sobre el editor o mediante la Consola de depuración. Estas herramientas muestran variables locales, expresiones de observación, marcos de pila de llamadas y más, según el adaptador de lenguaje.

Puntos de registro y puntos de interrupción activados

Los puntos de registro son ideales para escenarios de producción o difíciles de reproducir donde no es fácil pausar el proceso. Agreguelos desde el canal usando “Agregar punto de registro”; registran mensajes (con expresiones evaluadas opcionales dentro {}) a la consola de depuración en lugar de detener la ejecución.

Los puntos de interrupción activados solo se activan después de que se alcanza otro punto de interrupción. Haga clic derecho en el margen, seleccione "Agregar punto de interrupción activado" y especifique el punto de interrupción que lo habilitará. Esto es especialmente útil cuando se produce un fallo muchos pasos después de una condición inicial.

Tareas, integración de npm y automatización en VS Code

Las tareas en VS Code te ayudan a ejecutar herramientas externas (como compilaciones, pruebas y linters) de manera consistente en todo el equipo. Combinados con la integración de npm, le permiten mantener todo su flujo de trabajo accesible a través de atajos de teclado.

Tareas detectadas automáticamente y task.json

Seleccionar Terminal > Configurar tareas para detectar automáticamente tareas de su proyecto. VS Code sugerirá tareas (como npm install) y generar una tasks.json Texto repetitivo. Luego, puedes personalizar los grupos (por ejemplo, marcando una tarea como compilación predeterminada).

Una vez definidas, ejecutar tareas a través de Terminal > Ejecutar tarea y detenerlos con “Terminar tarea”. Para servidores de desarrollo o observadores de ejecución prolongada, esto centraliza la gestión de procesos.

Vincular tareas a atajos de teclado y ejecutar scripts npm

Utilice combinaciones de teclas para activar instantáneamente tareas utilizadas con frecuencia. En su archivo de atajos de teclado, señale workbench.action.tasks.runTask en una tarea nombrada usando el args campo (por ejemplo, enlace) Ctrl + H a una tarea “Ejecutar pruebas”).

scripts npm en package.json Se pueden ejecutar como tareas directamente desde el Explorador. Puede cambiar la acción de clic predeterminada (a través de npm.scriptExplorerAction), excluir ciertos scripts (npm.exclude), e incluso habilitar las acciones del menú contextual “Ejecutar script NPM en la carpeta…” con npm.enableRunFromFolder.

Ajuste del rendimiento y la memoria en Visual Studio

Cuando las soluciones de Visual Studio crecen o la memoria se agota, las recomendaciones de rendimiento se vuelven cruciales. Muchas funciones se pueden ajustar o deshabilitar temporalmente para que todo funcione sin problemas.

Utilice un sistema operativo de 64 bits y reduzca la sobrecarga de restauración de documentos

Ejecutar Visual Studio en un sistema operativo Windows de 64 bits duplica la memoria virtual disponible para el IDE de 2 GB a 4 GB. Esto mejora directamente la capacidad de Visual Studio para gestionar cargas de trabajo pesadas.

La restauración automática de documentos puede ralentizar significativamente la carga de la solución cuando hay muchos diseñadores pesados ​​abiertos. Para deshabilitar la reapertura de documentos al cargar la solución, vaya a Herramientas> Opciones, luego bajo Proyectos y Soluciones > General En versiones más recientes (o la sección equivalente "Todas las configuraciones" en versiones anteriores), desmarque "Reabrir documentos al cargar la solución". Luego, puede usar los comandos "Ir a" (Ir a todo, Ir a la última ubicación de edición, Ir al archivo reciente) para reabrir rápidamente lo que realmente necesita.

Configuración del depurador: Solo mi código, símbolos y herramientas de diagnóstico

Habilitar “Solo mi código” durante la depuración evita cargar símbolos para bibliotecas externas y ahorra mucha memoria. In Herramientas > Opciones > Depuración > GeneralMarca "Habilitar solo mi código". Algunos tipos de proyecto lo tienen habilitado por defecto, pero conviene verificarlo.

Para la depuración nativa, sea selectivo con los archivos de símbolos PDB que carga. En Depuración > SímbolosPuede especificar filtros de módulos o usar el cuadro de diálogo "Especificar filtros de carga de símbolos" para incluir explícitamente solo los módulos que le interesan. También puede hacer clic derecho en los módulos de la ventana Módulos durante la depuración para cargar u omitir símbolos específicos.

Las herramientas de diagnóstico y creación de perfiles de CPU son potentes pero consumen muchos recursos. Después de terminar de crear perfiles, desactive la creación de perfiles de CPU y, si no necesita gráficos de diagnóstico en vivo, desmarque “Habilitar herramientas de diagnóstico durante la depuración” en Depuración > GeneralEsto libera CPU y memoria para el resto del flujo de trabajo.

Roslyn, CodeLens y otros servicios pesados

En soluciones .NET grandes, el servicio de lenguaje administrado (Roslyn) y CodeLens pueden ser consumidores importantes de memoria y CPU. CodeLens, en particular, ejecuta operaciones “Buscar todas las referencias” para mostrar los recuentos de referencias en línea.

Puede desactivar CodeLens en Editor de texto > Todos los idiomas > CodeLens (o la sección equivalente) desmarcando “Habilitar CodeLens”. Esto es especialmente útil en máquinas con poca memoria o bases de código enormes.

Las extensiones en Visual Studio también pueden causar problemas de rendimiento. Usar Extensiones > Administrar extensiones Para deshabilitar extensiones sospechosas una por una y observar cómo cambia el rendimiento. Eliminar las cargas de trabajo no utilizadas mediante el instalador de Visual Studio reduce aún más la sobrecarga de inicio y tiempo de ejecución.

Desplazamiento, diseñador XAML y rendimiento de Git

Funciones como el modo mapa en la barra de desplazamiento y el ajuste de línea, si bien son útiles, se pueden desactivar si necesita un rendimiento bruto. En las opciones de la barra de desplazamiento, cambia la barra de desplazamiento vertical del modo mapa al modo barra. Para ajustar el texto, activa Editar > Avanzado > Ajuste de línea o deshabilitarlo en Editor de texto > Todos los idiomas > General.

El diseñador XAML solo consume recursos cuando se abren archivos XAML, pero puedes desactivarlo por completo si solo editas XAML sin formato. In Herramientas > Opciones > XAML > General, desmarque “Habilitar Diseñador XAML” y reinicie Visual Studio.

Las operaciones de Git pueden ralentizarse cuando existen muchos archivos sin seguimiento. Agregue directorios pesados ​​o archivos generados a un local .gitignore a través de la interfaz de configuración del repositorio Git en Visual Studio. Esto acelera git status y comandos relacionados ignorando esas rutas.

Las versiones más nuevas de Visual Studio incluyen una visualización de gráfico de confirmaciones que puede mejorar la experiencia al explorar el historial de Git. Asegúrate de tener una compilación reciente de Visual Studio 2022 y habilita todas las funciones de gráficos de Git que se ofrecen en las herramientas de Git.

Forzar la recolección de elementos no utilizados desde Visual Studio

Bajo una presión de memoria extrema, puede activar manualmente una recolección de elementos no utilizados .NET desde Visual Studio. Prensa Ctrl+Alt+Mayús+F12 dos veces seguidas para forzar al CLR a recopilar objetos administrados no utilizados. Esto rara vez es necesario, pero después de operaciones costosas como reconstrucciones completas o largas sesiones de depuración, puede ayudarle a observar cuánta memoria realmente permanece en uso.

Si la GC forzada hace que Visual Studio vuelva a ser utilizable, considere enviar comentarios a través de la herramienta de comentarios del IDE. Ese patrón puede indicar un error subyacente o una pérdida de memoria que el equipo de producto debería investigar.

Ya sea que pase la mayor parte del día en Visual Studio, VS Code o ambos, dominar estos atajos, herramientas de navegación, funciones de depuración y configuraciones de rendimiento mejorará radicalmente la sensación de crear software. Con la combinación adecuada de IntelliSense, búsqueda rápida, Git y flujos de trabajo de depuración, además de un entorno adaptado a su máquina y estilo de codificación, el IDE deja de ser un cuello de botella y se convierte en un verdadero multiplicador de fuerza.