English · Español

🚀 Pro VSCode Keybindings

Los atajos que VS Code debería traer de fábrica.

→ Instalar desde el Marketplace

Pro VSCode Keybindings es un set mínimo de atajos de teclado, más un puñado de comandos inteligentes para Git y para correr proyectos. Nada de configuración, nada de menús: instalás y ya tenés las teclas que faltaban. Las mismas combinaciones funcionan igual en Windows, Linux y macOS.

Atajos de teclado

Explorador de archivos

"🚀 Abrir en VS Code" también aparece como ícono en la barra de título del panel Explorer y en su menú contextual (click derecho), con el atajo Ctrl+Shift+A visible al lado.

Smart Run (Ctrl+F12) abre un selector para correr el proyecto de la forma correcta: Live Server para HTML, npm run web para React, Start Debugging para Java, npm start para React Native, vsce package para una extensión de VS Code.

Commit Message Picker (Ctrl+F9) abre un menú numerado y coloreado directamente en una terminal — elegís un título estilo Conventional Commits (feat, fix, docs, etc.), después una descripción a juego, y hace commit y push de inmediato.

⚠️ Ctrl+F9 hace push al remoto sin pedir confirmación — revisá en qué rama estás antes de usarlo.

Menú contextual (Editor y Explorador)

🧹 Limpiar importaciones en todo el proyecto — abre una paleta de comandos y limpia/organiza imports en todos los archivos TypeScript y JavaScript del proyecto en una sola pasada. Aplica las mismas reglas que "⚡ Super": agrupa en externos/internos/relativos, reordena alfabéticamente, protege imports de React.

♻️ Limpiar consolas (Ctrl+F6, o click derecho → "♻️ Limpiar consolas" — disponible tanto en el editor como en el Explorador, solo para .ts .tsx .js .jsx .mjs .cjs .vue .svelte .astro) estandariza el logging del archivo:

• Elimina todo console.log(...) temporal o de depuración.
• Asegura un console.error("Función: error.", err) dentro de cada catch.
• Agrega console.warn("Función: condición no cumplida...") antes de guardas (return; sin valor) y bloques if/else/switch vacíos.
• Agrega console.info("Función: proceso finalizado correctamente.") antes del return final en funciones tipo load*, init*, fetch* o create*.
• Quita espacios al final de línea y colapsa líneas en blanco consecutivas a una sola.
• Reformatea el archivo con el formateador del lenguaje (indentación, tabs vs. espacios, alineación de llaves) y organiza/limpia los imports no usados, usando los mismos comandos nativos de VS Code (editor.action.formatDocument / editor.action.organizeImports) — no reinventa un formatter propio.

No cambia la lógica del código. Se puede ejecutar de nuevo sin problema: antes de reinstrumentar, borra los mensajes que él mismo insertó en la corrida anterior.

ℹ️ El formateo y la organización de imports dependen del formateador/lenguaje instalado para ese archivo (el de TypeScript/JavaScript viene con VS Code; para otros lenguajes necesitás la extensión correspondiente). La eliminación de variables o código muerto no se automatiza — cambiar eso a ciegas puede alterar el comportamiento.

⚡ Super (F12, o click derecho → "⚡ Super" — disponible tanto en el editor como en el Explorador, mismas extensiones que "Limpiar consolas") hace todo lo anterior y además:

• Elimina console.debug(...) y las líneas de // console.log(...) / // console.debug(...) comentadas.
• Agrega un caso default: con console.warn(...) + break; a los switch que no tienen uno.
• Reagrupa los import en tres bloques separados por una línea en blanco: externos, internos (@/..., ~/...) y relativos (./, ../), preservando el orden dentro de cada grupo.
• Protege cualquier import cuyo origen sea exactamente 'react' o "react" (import React from 'react';, import React, { Component } from 'react';, import { useState, useEffect } from 'react';, etc.): nunca se reordena, reformatea, ni se le quitan miembros "sin usar" — queda carácter por carácter igual, aunque organizeImports o el formateador quieran tocarlo. Esta protección corre en ambos comandos, no solo en "⚡ Super".
• Nuevo: Colapsa style={{}} multilinea a una sola línea en archivos JSX/React.
• Nuevo: Trimea espacios dentro de strings.
• Nuevo: Limpia objetos y arrays (normaliza espaciado).
• Nuevo: Normaliza indentación en todo el archivo.
• Nuevo: Agrega importaciones faltantes automáticamente.

⚠️ F12 reemplaza el atajo por defecto de VS Code "Ir a la definición" (Go to Definition) — pero solo dentro de los archivos con esas extensiones. En el resto de los lenguajes, F12 sigue funcionando como siempre.

⚡ Super no elimina variables, parámetros o código muerto sin usar: eso requiere entender el código, no solo su forma, y automatizarlo con regex puede romper comportamiento en silencio. Para esa parte, usá el linter del proyecto (ESLint --fix, etc.).

Por qué la gente la deja instalada

• Cero fricción — sin cuentas, sin configuración, sin curva de aprendizaje. Instalás y las teclas ya están.
• Liviana — no agrega procesos en segundo plano ni ralentiza el editor.
• Privacidad primero — sin telemetría, sin analytics, sin conexión a servidores externos. Ver política de privacidad.

Instalación

Instalala desde el Visual Studio Code Marketplace — buscá Pro VSCode Keybindings.

Desarrollo

npm install
npm run build     # regenera los keybindings + empaqueta la extensión
npm run watch     # recompila extension.js en cada cambio

• Agregar/cambiar un atajo → editá el archivo correspondiente en src/*.json, después npm run build. El build falla si dos entradas comparten la misma tecla.
• Cambiar la lógica de los comandos inteligentes → editá extension/extension.ts, después npm run build.
• Probalo con F5 (Extension Development Host), o con ./scripts/test_local.sh (Linux/macOS) / ./scripts/test_local.ps1 (Windows/PowerShell).

src/*.json son la fuente de verdad — scripts/build.js los combina en dist/keybindings.json y en contributes.keybindings de package.json, ya que VS Code solo lee keybindings desde package.json.

Publicación (mantenedores)

npm install -g @vscode/vsce
vsce login alvarosiles   # una sola vez, requiere un PAT de Azure DevOps

./scripts/publish.ps1 -Message "Add debug shortcuts"                    # build, sube versión, commit, empaqueta
./scripts/publish.ps1 -Message "Add debug shortcuts" -Push -Publish     # además hace push y publica en el Marketplace

Sobre el desarrollador

Creada por Alvaro Siles — desarrollador de extensiones y herramientas de productividad para navegadores y Visual Studio Code. Pro VSCode Keybindings es un proyecto independiente y open-source, hecho y mantenido por una sola persona, a la vista de todos.

• GitHub: @alvarosiles

© Licencia MIT · Reportar un problema
Hecho con ♥ por Alvaro Siles