Veamos una parte poco conocida del menú de Visual Studio Code. En concreto, vamos a revisar la sección de dentro del panel VER que muestra diferentes opciones muy útiles.
Revisemos las múltiples pestañas de diferentes utilidades; como la opción de Problemas, la salida del programa, la salida de terminal o la consola de depuración.
Vamos a ver Problemas, Salida, Consola y Terminal
Desde la barra de menú en la parte superior, haga clic en “VER”, luego baja hasta los 4 elementos de:
- “Problemas”
- “Salidas”
- “Consola de depuración”
- “Terminal”
Cualquiera de los cuatro abrirá un panel en la parte inferior del problema, algo así como una consola integrada extra.
Problemas
La primera opción es la de “Problemas”.
El propósito de esta opción, es crear una lista de problemas que el editor detecta dentro del código; también incluye recomendaciones sobre la calidad del código y comentarios marcados (como comentarios /* */).
Esta opción depende en gran medida de las extensiones que tengas instaladas, especialmente linternas o similares.
Personalmente, te recomendaría instalar SonarSource.sonarlint-vscode o Sonarlint, una extensión que brinda consejos en tiempo real sobre cómo mejorar la calidad del código, y funciona con una amplia variedad de diferentes idiomas.
Buscar problemas
A través de la barra de texto de la derecha, dentro de la terminal inferior que se muestra, es posible realizar búsquedas también utilizando caracteres comodín para reemplazar la ruta o los nombres genéricos.
Funciones de visualización de problemas
De forma predeterminada, la pestaña de problemas muestra una vista de “árbol” es decir, cada problema se muestra bajo el nombre del archivo que lo causó, para que puedas ver claramente qué archivo debe corregirse.
Los elementos normalmente se abren y cierran haciendo clic en el botón correspondiente con el signo menos.
Funciones de visualización de problemas
De forma predeterminada, la pestaña de problemas muestra una vista de “árbol”, es decir, cada problema se muestra bajo el nombre del archivo que lo causó, para que pueda ver claramente qué archivo debe corregirse.
Los elementos normalmente se expanden y se pueden reducir haciendo clic en el botón correspondiente con el signo menos.
También es posible cambiar el modo de vista de árbol a “lista” clicando sobre el botón, que se asemeja a un botón de un menú de hamburguesa (varias líneas horizontales).
Una vez que pases a la opción de listas, se te mostrará una tabla con varias columnas, a saber:
- El código del problema.
- El mensaje.
- El archivo.
- La extensión que identifico el problema.
Salidas
La pestaña de salida es útil para controlar aquellas tareas que se ejecutan en segundo plano dentro del IDE, como extensiones, registros de software, servidores de idiomas o tareas personalizadas.
Cuando abras la pestaña correspondiente, vas a poder elegir el tipo de actividad para monitorear desde un menú desplegable.
Por ejemplo, al seleccionar Git, vas a poder ver el registro de operaciones realizadas en segundo plano por Visual Studio Code cuando consulta el repositorio del código.
Terminal
Una de las pestañas más útiles del panel inferior es definitivamente la pestaña de la terminal. De hecho, la terminal te va a permitir utilizar el intérprete de comandos de tu sistema, elegir entre diversos intérpretes y también puede servir para mostrar la salida de tareas y programas ejecutados.
El panel se abre con la terminal predeterminado que usa el sistema operativo, probablemente tendrás:
- Powershell 6 en Windows.
- Bash en Linux.
- zsh para los nuevos MacOS.
Abrir nuevas terminales
Es posible mantener varios terminales abiertos al mismo tiempo, si quieres abrir una terminal nueva, simplemente haz clic en el icono “+” en la parte superior derecha.
Una vez abierta una segundo terminal, en la parte derecha, se mostrará una lista con todas las terminales abiertas.
Al pasar el ratón sobre cada instancia de la lista, vas a poder ver dos nuevos íconos:
- El primero, que se asemeja a una ventana con dos persianas, se utiliza para crear una vista compartida de ese terminal con otro.
- El segundo, que se representa con un cubo de basura, se usa para cerrar esa terminal en particular.
Elige el ejecutable
Si tienes varios terminales ejecutables instalados en tu sistema, puedes especificar el que deseas abrir .
Para ello, debes pulsar sobre una pequeña flecha que aparece al lado del símbolo “+” que abre un menú desplegable. Si la presionas, tendrás todas las opciones encontradas en tu sistema.
Vista compartida
Con el botón, ya mencionado anteriormente, es posible crear más espacios en los que insertar más terminales en una sola vista de pantalla.
La primera forma de hacer eso es usar el botón apropiado para crear una terminal que ya comparte la vista.
Pero si ya tienes varios terminales abiertas, puedes arrastrar cada terminal a una vista para crear un panel adicional.
Si quieres eliminar una terminal del mosaico de terminales, simplemente haz clic con el botón derecho sobre el nombre de ella y selecciona la opción de “No dividir”.
Personalizar terminales abiertos
Puedes personalizar los colores y los íconos de las terminales abiertas para obtener una respuesta visual inmediata de cada una de ellas.
Para hacerlo, simplemente presiona con botón derecho del ratón sobre el nombre de uno de los terminales abiertos y elegie las opciones de Cambiar Color, Cambiar Ícono o Renombrar.
Sesión restaurada
Después de cerrar Visual Studio Code, el contenido de las terminales se guarda (no la ejecución, sino solo el contenido textual) para volver a mostrarse la próxima vez que abras el editor.
Tareas y Ejecuciones
Las ejecuciones de tareas se muestran a través de la terminal. Del mismo modo, algunas configuraciones de lanzamiento de programas también se muestran directamente en la terminal.
En la mayoría de los casos, las tareas y el inicio deben configurarse correctamente antes de ejecutarse. Sin embargo, algunas extensiones como las de Java, ya hacen un gran trabajo que no requiere de modificaciones manuales.
Configuraciones útiles para la terminal
Incluso la terminal puedes necesitar de algunos pequeños ajustes de configuración para ser utilizados al máximo.
Terminal por defecto
Primero, si tienes varias consolas que puedes ser elegibles de utilización, puede configurar una como predeterminada.
Abre la paleta de comandos (CTRL+MAYÚS+p) y escribe “Perfil predeterminado de terminal”.
Luego haz clic y elige el perfil que desees.
Alternativamente, puedes buscar y escribir la configuración manualmente, dependiendo de tu sistema operativo:
- En Windows busca
terminal.integrated.defaultProfile.windows. - En Linux busca
terminal.integrated.defaultProfile.linux. - En macOS busca
terminal.integrated.defaultProfile.osx.
Fuente de la terminal
Si quieres agregar el uso de temas de shell particulares (como powerline), es posible configurar una fuente personalizada en la terminal cambiando la configuración con el id terminal.integrated.fontFamily.
Combinaciones para el terminal
El sistema de accesos directos de Visual Studio Code normalmente tiene prioridad sobre el de la terminal.
Básicamente, esto significa que si el terminal y el editor de texto utilizan el mismo acceso directo, el acceso directo del terminal se ignorará.
Para evitar este comportamiento, debes cambiar la opción con el id terminal.integrated.allowChords (desmárcalo o establece la opción en false).
Verifica que el acceso directo que deseas omitir no esté en la lista de la opción id: terminal.integrated.commandsToSkipShell.
Algunos accesos directos están protegidos de forma predeterminada, la lista completa se puede encontrar haciendo clic en “Abrir la configuración predeterminada JSON” en la descripción de la opción.
Una vez que se abren las configuraciones del sistema, simplemente busca (con CTRL+f) la identificación de la configuración y ve a buscar la opción de: terminal.integrated.commandsToSkipShell.
Si el atajo está presente, no será posible usarlo en la terminal, a menos que lo agregues nuevamente a la lista pero con el carácter - antes del código.
Por ejemplo, el atajo CTRL+e está asociado con la búsqueda de archivos, para asegurarte de que se ignore en la terminal, solo debes escribir -workbench.action.quickOpen.
Consola de depuración
La consola de depuración se usa tanto para ejecutar algunos programas desde las extensiones (por ejemplo, la Ejecución de programas ejecutados con Node) como para consultar las variables durante una sesión de depuración.
La depuración y la ejecución de programas son secciones del editor que deben configurarse correctamente y su funcionamiento, así como las opciones resultantes, varían de un idioma a otro. La consecuencia de una configuración incorrecta podría ser, por ejemplo, la imposibilidad de consultar el valor de las variables a partir de su nombre real.
Servidores de idioma y linters de idioma recomendados
Como ya cite anteriormente, algunos de estos paneles son más útiles cuando se acompañan de las extensiones adecuadas.
Aquí tienes una lista de los que comúnmente podrían servirte más:
- Para Java: servidor de idioma Java de Red hat redhat.java
- Para Angular: servidor de idioma angular Angular.ng-template
- Para Python: Pylance ms-python.python
- Para otros idiomas: Sonarlint
Relacionado
