¿Cómo mejorar la productividad en Visual Studio Code?

Visual Studio Code es ante todo un editor que incluye las características que necesitas para realizar una mejor edición del código fuente y logar aumentar tu productividad.

Esto se logra a través de los conceptos básicos del editor, gracias a que te ayuda a moverte por el propio código.

Mejorar la Edición mediante Atajos de Teclado

Ser capaz de mantener las manos sobre el teclado al escribir código es crucial para una alta productividad.

VS Code tiene un amplio conjunto de métodos abreviados de teclado predeterminados y que pueden ser personalizarlos.

Puedes conocer mucho más sobre los atajos de teclado de VSC si lo deseas.

¿Cómo aplicar múltiples selecciones con el cursor?

VS Code admite múltiples cursores para ediciones simultáneas rápidas. Puedes agregar cursores secundarios (más delgados) con Alt+Click.

Cada cursor funciona de forma independiente según el contexto en el que se encuentra. Una forma común de agregar más cursores es con Ctrl+Alt+Abajo o Ctrl+Alt+Arriba que inserta cursores debajo y arriba.

Con el atajo de Ctrl+D se puede seleccionar la palabra actual bajo el cursor, o la siguiente ocurrencia de la selección actual.

Además, se pueden agregar más cursores con Ctrl+Shift+L, si lo que quieres es agregar una selección de cursores sobre cada aparición del texto seleccionado en la actualidad.

¿Cómo modificar los atajos de teclado de las selecciones múltiples del cursor?

Si deseas cambiar la tecla modificadora para aplicar varios cursores a Cmd+Click en macOS o Ctrl+Click en Windows y Linux, puedes hacerlo desde la variable de configuración, bajo la variable de editor.multiCursorModifier .

Esto va a permitir que los usuarios que vienen de otros editores, como Sublime Text o Atom continúen usando el atajo de teclado con el que están familiarizados.

También existe una opción dentro del menú de Selección: Cambiar a Ctrl+Click para cursor múltiple.

Los atajos de Ir a definición y Abrir enlace también respetarán esta configuración y se adaptarán para que no entren en conflicto. Cuando la configuración se modifique, abrir vínculos o ir a la definición se modificaran por el atajo de teclado de Alt+Click.

¿Cómo expandir o reducir una selección?

Es sencillo, reducir o expandir rápidamente la selección actual. Puedes hacerlo desde el atajo de Shift+Alt+Izquierda o Shift+Alt+Derecha.

¿Cómo seleccionar una columna?

Coloca el cursor en una esquina y luego mantén presionadas las teclas Shift+Alt mientras arrastras hacia la esquina opuesta.

Este atajo se cambia a Shift+Ctrl/Cmd cuando se modifica Ctrl/Cmd como el atajo de seleccionar varios cursores.

Además, existen teclas predeterminadas para la selección de columnas en macOS y Windows, pero no en Linux.

Atajo Comando Comando ID
Ctrl+Shift+Alt+Down Selección de columna hacia abajo cursorColumnSelectDown
Ctrl+Shift+Alt+Up Selección de columna hacia arriba cursorColumnSelectUp
Ctrl+Shift+Alt+Left Selección de columna a la izquierda cursorColumnSelectLeft
Ctrl+Shift+Alt+Right Selección de columna a la derecha cursorColumnSelectRight
Ctrl+Shift+Alt+PageDown Selección de columna Av Pág cursorColumnSelectPageDown
Ctrl+Shift+Alt+PageUp Selección de columna Re Pág cursorColumnSelectPageUp

Recuerda que siempre puedes modificar los atajos de teclado editando el archivo keybindings.json si deseas modificarlos y cambiarlos por otras teclas que te sean más familiares.

Relacionado

Visualiza estructuras de datos en Visual Studio Code

VSCode Debug Visualizer es una extensión de VSCode que te permite visualizar estructuras de datos en tu editor. Esto puede resultar útil para visualizar los valores observados durante la depuración, y también puede ser útil para visualizar diagramas, tablas, matrices, histogramas y árboles. Una vez instalada la extensión, tendrás que abrir algunos scripts relevantes, luego navegar hasta la paleta de comandos e ir a Debug Visualizer: ¡SEGUIR LEYENDO!

Visual Studio Code actualización de Octubre 2021 (Versión 1.62)

Visual Studio Code para la Web, a partir de ahora vas a poder editror desde la URL vscode.dev. Con Visual Studio Web se proporciona una experiencia de instalación cero que se ejecuta completamente en el navegador, lo que le permite navegar de forma rápida y segura en los repositorios de código fuente y realizar cambios ligeros en el código. VS Code para la Web tiene muchas ¡SEGUIR LEYENDO!

Visual Studio Code 1.47: Ahora se desarrolla en Typescript y los nuevos cambios más importantes

Visual Studio Code lanza una nueva versión. En concreto, la versión 1.47, los cambios más destacados implementados son los siguientes: Mejoras de accesibilidad : Nuevas capacidades en el lector de pantalla. Compilaciones de Windows ARM : La versión para Windows ARM ahora está disponible en modo estable. Nuevo depurador de JavaScript : Depuración en el terminal, soporte de creación de perfiles. Vista unificada del control de ¡SEGUIR LEYENDO!

Última actualización de Visual Studio Code agrega importantes novedades

Microsoft lanzó Visual Studio Code 1.79.0 (finales de mayo de 2023) con varias funciones nuevas, incluido un modo de solo lectura para archivos y carpetas específicos en un espacio de trabajo. Si has estado usando GitHub Copilot, también llegan algunas mejoras en la última actualización. Los aspectos más destacados de esta versión son los siguientes: Modo de solo lectura: marca archivos y carpetas específicos en un ¡SEGUIR LEYENDO!

Themer personaliza tus Editores, IDEs, Apps o Navegadores

Themer es una aplicación online capaz de tomar un conjunto de colores y generar plantillas completas para tu entorno de desarrollo. Personalizar el diseño de tu Interfaz de Usuario con Themer será cosa de niñ@s. https://ciberninjas.com/mejores-editores-texto/ ¿Sabes que es lo mejor de todo? Con Themer no vas a estar limitado a la edición para una sola aplicación, vas a poder utilizar las plantillas con tu diseño ¡SEGUIR LEYENDO!