En Mi Local Funciona

El blog técnico de knowmad mood para apasionados de la tecnología, la IA, el desarrollo de software, la arquitectura y las buenas prácticas en proyectos reales.

Como optimizar tu flujo de trabajo con VS Code

Publicado por Miguel Angel Rizzo Gonzalez el

Arquitectura de SolucionesAceleradores de DesarrolloVS CodeWorkflows

Cuando analizamos nuestra productividad como desarrolladores solemos pensar en herramientas, frameworks o hardware. Sin embargo, gran parte del tiempo se pierde en algo mucho más sencillo: la fricción y los cambios de contexto.

Piensa en cada vez que sueltas el teclado para buscar un archivo con el ratón, cambias a otra ventana para ejecutar un comando o navegas manualmente por cientos de líneas de código, acciones como estas introducen pequeñas interrupciones cognitivas que terminan acumulándose durante la jornada. Tras varios años trabajando con VS Code descubrí que muchas de sus funcionalidades están diseñadas precisamente para minimizar estos cambios de contexto. En este artículo mostraré las que más impacto tuvieron en mi flujo de trabajo diario.

Visual Studio Code (VS Code) es un editor de código fuente gratuito y ligero desarrollado por Microsoft, diseñado para facilitar el desarrollo de software de forma rápida y eficiente. Destaca por su gran extensibilidad mediante extensiones, su compatibilidad con múltiples lenguajes de programación y herramientas integradas como depuración, control de versiones con Git y autocompletado inteligente.

Gracias a su rendimiento y personalización, se ha convertido en una de las herramientas más populares entre desarrolladores para escribir, ejecutar y mantener código en diferentes tecnologías desde un único entorno.

Disclaimer: Este contenido ha sido generado con el apoyo de inteligencia artificial, revisado cuidadosamente y validado por el autor. Asumo plena responsabilidad sobre su contenido y mantengo total autonomía en su publicación.

Indice del Articulo

1. Contexto
2. Casos de Uso
3. Conclusion

1. Contexto

Para presentar los ejemplos que se presentan a continuación, me he basado en las siguientes herramientas:

  • Python
  • SQL
  • Git
  • VS Code

No obstante, los concepto pueden extrapolarse fácilmente a otros lenguajes o entornos. El objetivo no es centrarse en herramientas concretas, sino fomentar un cambio de mentalidad: aprovechar al máximo las herramientas que ya tenemos a nuestra disposición.

2. Casos de Uso

Imaginemos el siguiente escenario: entras en un proyecto nuevo con mucha ilusion, empiezas a explorar el repositorio y te encuentras con ficheros con más de 500000 líneas de código. 😅

Empiezas a pensar que una de las mayores dificultades no sera escribir código nuevo, sino encontrar rápidamente lo que necesitas.

Aquí es donde la combinación de:
Ctrl + P
@
#
Ctrl + G
supone una diferencia enorme para mejorar la navegacion en la base de codigo.

Buscar archivos con Ctrl + P

En lugar de navegar por el árbol de directorios manualmente:

src/
 ├── folder1
 ├── folder2
 ...
 ├── foldern
 ├──── file1.py
 └── ...

Simplemente escribimos:

  1. Ctrl + P
  2. file1.py

De esta manera VS Code localiza el archivo inmediatamente.

Buscar símbolos con @

pongamos como ejemplo el siguiente fichero:

MyVar=1

...

def MyFunction ():
    return print('hello world')
...
    
class MyClass:
    """A simple example class"""
    i = 12345

    def f(self):
        return 'hello world'

Si el archivo contiene cientos de líneas podemos aplicar:

1.Ctrl + P
2.@

Lo cual permite navegar directamente a los distintos objetos, por ejemplo:

  • MyVar
  • MyFunction()
  • MyClass

Sin necesidad de hacer scroll por la pantalla o utilizando la funcion Buscar y reemplazar.

Ir a una línea concreta Ctrl + G

Otra funcionalidad especialmente útil cuando trabajas con archivos grandes es la navegación directa a una línea específica. Con el atajo:

Ctrl + G

puedes introducir el número de línea al que quieres saltar, evitando tener que hacer scroll manualmente o perder tiempo buscando referencias visuales. Esto resulta especialmente práctico cuando revisas errores que indican una línea concreta, analizas logs o trabajas con código heredado donde sabes exactamente dónde intervenir.

Buscar símbolos globalmente con #

En proyectos grandes, esta funcionalidad es probablemente una de las más infravaloradas.

Ejemplo:

  1. Ctrl + P
  2. # MyClass

Permite localizar cualquier referencia a una clase, interfaz o función dentro de todo el workspace.

El impacto real se nota en el flujo de trabajo. Antes implicaba navegar por directorios, abrir el archivo correcto y buscar la función manualmente. Ahora, todo se reduce a pulsar Ctrl + P y presionar Enter.

La diferencia puede parecer mínima (apenas unos segundos por operación), pero cuando lo repites cientos de veces al día, se convierte en una mejora significativa en productividad

Edición masiva sin expresiones regulares

Otro problema frecuente es modificar múltiples ocurrencias de un mismo valor.

Muchos desarrolladores recurren a Buscar y reemplazar ,Pero esto puede generar errores cuando existen coincidencias no deseadas.

Para nuestra suerte VS Code nos permite colocar multiples cursores en diferentes lugares y editarlos todos al mismo tiempo. Es una de las maneras mas rapidas de refactorizar codigo o editar texto repetitivo.

Multi Cursor con Ctrl + D

Supongamos el siguiente código:

customer1 = 1
customer2 = 2
customer3 = 3

Al posicionarte sobre customer y pulsar:

Ctrl + D

VS Code selecciona la siguiente coincidencia.

Tras varias pulsaciones:

1. Ctrl + D
2. Ctrl + D

Puedes editar todas simultáneamente. En lugar de editar el código línea por línea o hacer reemplazos manuales.

Esto te permite realizar cambios repetitivos en segundos, mantener la consistencia del código y reducir errores humanos. Cuando incorporas esta forma de trabajar, dejas de pensar en edición secuencial y pasas a trabajar en paralelo, multiplicando tu eficiencia casi sin darte cuenta.

0:00
/0:11

Rename Symbol (F2)

Para refactors más seguros:

customerId ↓ clientId

Usando: F2

VS Code utiliza el lenguaje y el análisis semántico para evitar falsos positivos. Esto lo convierte en una alternativa segura ante el clasico buscar y reemplazar

Esta funcionalidad es especialmente útil en lenguajes como:

  • TypeScript
  • Java
  • C#
  • Python

Integración con Git y otras herramientas

Otro cambio de contexto frecuente en entornos de datos es:

DataPlatform → VS Code → Terminal → Git → VS Code → DataPlatform

Este flujo es especialmente común cuando trabajamos con pipelines, modelos de datos o consultas que requieren validación constante contra sistemas externos.

Cada salto implica:

  • Reorientación mental
  • Pérdida de foco
  • Tiempo acumulado no trivial

La integración nativa de Git junto con conectores a plataformas de datos modernas (Snowflake, AWS, BigQuery, Databricks, etc.) dentro de VS Code permite consolidar todo este flujo en una única interfaz.

El resultado es un entorno donde:

  • Escribes código
  • Ejecutas queries
  • Versionas cambios
  • Validas resultados

…sin abandonar el editor.

Qué utilizo diariamente

En el día a día, estas son las funcionalidades que más impacto tienen:

  • Stage de archivos
    Seleccionar cambios específicos sin necesidad de usar git add manualmente permite mayor control en commits.

  • Visualización de diffs
    Comparar cambios línea a línea directamente en el editor reduce errores y mejora la revisión de código.

  • Commits / branches
    Crear ramas, hacer commits o navegar entre ellas sin salir de VS Code elimina completamente el uso de terminal para tareas rutinarias.

  • Resolución de conflictos
    El editor ofrece una vista clara de conflictos con opciones inline (accept current, accept incoming), evitando merges manuales complejos.

  • Integración directa con Snowflake (y otras plataformas)
    Extensiones como Snowflake, SQLTools o similares permiten:

    • Ejecutar queries SQL directamente desde VS Code
    • Navegar esquemas y tablas
    • Validar transformaciones sin cambiar de herramienta

Esto es especialmente relevante en analytics, donde el ciclo típico es:

Editar modelo → Ejecutar query → Validar → Commit

Reducir este ciclo a un único entorno mejora drásticamente la velocidad.

GitLens

GitLens lleva la integración de Git un paso más allá al añadir contexto histórico directamente en el código.

En lugar de ejecutar comandos como:

git blame
git log

puedes ver la información inline:

  • Quién modificó esta línea
  • Cuándo la modificó
  • Último commit asociado

Además, permite:

  • Navegar el historial de un archivo completo
  • Comparar versiones anteriores
  • Entender la evolución del código

Por qué importa realmente

En proyectos de datos, el contexto es clave. No solo escribimos código, sino que intentamos responder preguntas como:

  • ¿Por qué esta transformación está hecha así?
  • ¿Cuándo cambió este cálculo?
  • ¿Quién tocó esta métrica por última vez?

GitLens convierte esas preguntas en respuestas inmediatas.

Especialmente útil cuando trabajas en

  • Equipos grandes
    Donde múltiples personas modifican los mismos modelos o pipelines.

  • Código heredado (legacy)
    Donde entender el por qué es más importante que el qué.

  • Entornos analytics / data platforms
    Donde pequeños cambios pueden tener impacto en dashboards, pipelines o negocio.

El impacto real se percibe en cómo cambia tu forma de trabajar. En vez de saltar constantemente entre herramientas, ejecutar comandos de Git de forma manual y consultar plataformas externas para validar datos. Puedes hacer que todo ocurra dentro de VS Code, con feedback inmediato y mucha menos fricción. Menos cambios de contexto se traducen en mayor continuidad mental y, en consecuencia, en una mejora clara de la productividad.

Automatización: escritura de snippets de codigo/ tareas

Un patrón muy común al trabajar con bases de datos:

SELECT * 
FROM tabla1 
WHERE 1=1 
LIMIT 5

Esto es algo que facilmente podrias estar escribiendo decenas de veces al día.

En lugar de escribir continuamente estos comandos, VS Code permite definir snippets/ tareas con los siguientes comandos.

1. Ctrl + Shift + P
2. Snippets: Configure Snippets
3. SQL

Ctrl + Shift + P para abrir la paleta de comandos, Snippets: Configure Snippets te preguntara que lenguaje deseas configurar, para el ejemplo he seleccionado SQL pero de igual forma podras crear uno para el lenguaje que desees utlizar y se generara un fichero JSON en el cual podras incluir tus atajos favoritos.

Ejemplo de configuración
"select from table": {
"prefix": "sql select",
"body": [
    "SELECT * FROM DB.SCHEMA.TABLE1",
    "WHERE 1=1",
    "LIMIT 5",
    ";"
],
"description": "sample sql select"}

Ejecución

1. Ctrl + Shift + P
2. Snippets: Insert Snippet
3. "select from table"

Y el codigo se escribe automáticamente.

Beneficios

  • Menos errores tipográficos
  • Menos comandos repetitivos
0:00
/0:09

Formateo SQL automático con SQL Prettify

Cuando trabajamos con consultas SQL complejas, mantener un formato limpio y consistente puede volverse tedioso, especialmente al copiar queries desde distintas fuentes o generar código dinámicamente. Aquí es donde una extensión como SQL Prettify marca la diferencia.

¿Qué hace SQL Prettify?

SQL Prettify es una extensión para VS Code que permite formatear automáticamente consultas SQL, aplicando reglas de indentación, saltos de línea y organización visual que mejoran la legibilidad.

Por ejemplo, una query como:

select a.id,b.name from customers a inner join orders b on a.id=b.customer_id where a.active=1 order by b.date desc;

Se convierte en:

SELECT
    a.id,
    b.name
FROM
    customers a
    INNER JOIN orders b ON a.id = b.customer_id
WHERE
    a.active = 1
ORDER BY
    b.date DESC;

La extensión analiza la estructura de la consulta SQL y aplica automáticamente reglas de formato basadas en:

  • Palabras clave en mayúsculas (SELECT, FROM, WHERE)
  • Separación por líneas de cada cláusula
  • Indentación jerárquica en JOIN, WHERE, etc.
  • Espaciado consistente entre operadores y valores

Se utiliza con:

  1. Resalta el codigo que deseas formatear
  2. Ctrl + Shift + P
  3. Format Selection (Prettier-SQL)

Beneficios

  • Mejora inmediata de la legibilidad del código SQL
  • Reducción de errores al interpretar queries complejas
  • Estilo consistente en todo el equipo
  • Ahorro de tiempo al evitar formateo manual

El impacto real es inmediato cuando trabajas con SQL.
Pasas de lidiar con queries difíciles de leer y perder tiempo ajustando el formato manualmente para que fueran comprensibles. A resolver todo con un solo comando (Format Selection (Prettier-SQL)), que transforma el código en un SQL limpio, estructurado y listo para revisar en cuestión de segundos.

Una de las mejoras más infravaloradas en VS Code no es qué haces, sino cómo te mueves mientras lo haces. Reducir micro-movimientos con el ratón tiene un impacto acumulativo enorme.

Movimiento de líneas

Reordenar código debería ser instantáneo:

  • Alt + ↑ / ↓ → Mueve la línea actual arriba o abajo
  • Shift + Alt + ↑ / ↓ → Duplica la línea

Ejemplo:

a = 1
b = 2
c = a+b

Con Alt + ↓ puedes reorganizar rápidamente sin copiar/pegar manualmente.

Selección inteligente

Seleccionar bloques sin precisión milimétrica con el ratón:

  • Ctrl + L → Selecciona la línea completa
  • Ctrl + Shift + K → Borra la línea
  • Shift + Alt + → → Expande la selección (scope-aware)
  • Shift + Alt + ← → Reduce la selección

Esto es especialmente útil cuando trabajas con bloques anidados, JSON y consultas SQL complejas.

Cursores múltiples avanzados

Más allá de Ctrl + D, hay patrones muy potentes:

  • Ctrl + Alt + ↑ / ↓ → Añade cursores arriba o abajo
  • Alt + Click → Añade cursor manualmente
  • Ctrl + Shift + L → Selecciona todas las coincidencias

Esto convierte tareas repetitivas en ediciones simultáneas en segundos.

Moverte por el código sin perderte:

  • Ctrl + ← / → → Saltar por palabras
  • Home / End → Inicio / fin de línea
  • Ctrl + ↑ / ↓ → Scroll sin mover cursor

El impacto vuelve a notarse en el flujo de trabajo diario. Antes, implicaba seleccionar texto con el ratón, copiar y pegar líneas y hacer scroll constantemente para posicionarte.

Ahora, todo eso se simplifica con atajos como Alt + ↑, Ctrl + L y el uso de multicursor, que permiten hacer los mismos cambios de forma mucho más ágil y precisa. De nuevo, estamos hablando de segundos de diferencia por acción… pero multiplicados cientos de veces a lo largo del día.

3. Conclusion

En definitiva, la mejora de productividad no proviene de una única funcionalidad aislada, sino de la suma de pequeñas optimizaciones que reducen la fricción en el día a día. VS Code y otros IDEs no son solo editores de código, sino entornos pensados para minimizar cambios de contexto, mantener la continuidad mental y permitirte centrarte en lo realmente importante: resolver problemas. Al adoptar una forma de trabajo basada en el uso intensivo del teclado, la automatización y la integración de herramientas, pasas de ejecutar tareas de forma manual a operar de manera fluida y casi transparente. Esa es la diferencia entre usar una herramienta y dominarla: no se trata de trabajar más, sino de eliminar todo aquello que te hace trabajar peor.

Autor

Miguel Angel Rizzo Gonzalez

Senior Data Analyst con 4 años de experiencia en empresas internacionales, donde he desarrollado soluciones basadas en datos para apoyar decisiones estratégicas. Me apasiona la tecnología, y en paralelo exploro el mundo de las finanzas personales.