5 - Configuración del VSCode

Otra de las características fundamentales que tiene el editor de texto Visual Studio Code es la posibilidad de configurar sus funcionalidades como pueden ser fuentes, colores, tamaños de fuentes, tabulaciones, modos de presentar en pantalla el editor etc.

En este momento podemos configurar más de 540 características.

Para acceder a la ventana de configuración del VSCode lo podemos hacer de tres formas:

  1. Desde el ícono de la rueda dentada que aparece en la parte inferior izquierda:

    configuración desde el ícono rueda dentada vscode
  2. También podemos acceder a la pestaña de configuración desde el menú de barra seleccionando (Archivo -> Preferencias -> Configuración):

    configuración desde el menú de opciones vscode
  3. Finalmente en cualquier momento podemos abrir la pestaña de configuración mediante las teclas (Ctrl + ,):

    configuración desde el menú de opciones vscode

Ventana de configuración

Del lado izquierdo nos muestran las distintas secciones que podemos configurar, y del lado derecho los valores que podemos asignarle:

pestaña de configuración vscode

Primero se agrupan las propiedades que podemos configurar más utilizadas como puede ser espacios para tabulación, tamaño de fuente etc:

editar característica de configuración vscode

Luego de efectuar un cambio en la ventana de "Configuración", por ejemplo el tamaño de la fuente:

editar característica de configuración vscode

Cerremos la pestaña de configuración y abramos cualquier archivo, luego podemos comprobar que el tamaño de la fuente es ahora de 20 puntos:

configuración vscode

Configuración de usuario y configuración de área de trabajo

En el ejemplo anterior modificamos la "Configuración de usuario", ésta es aplicada a todos los archivos que se editen. Podemos definir configuraciones particulares a un área de trabajo, para eso el área de trabajo debe estar abierta.

Para probar la configuración de un área de trabajo primero hagamos la apertura de una área de trabajo que tengamos guardada y procedamos a entrar a "Configuración":

configuración área de trabajo vscode

Debemos seleccionar la opción "Espacio de trabajo" y recién pasar a modificar valores de configuración.

La configuración definida solo tiene efecto en esa área de trabajo, luego si cerramos dicha área de trabajo y abrimos otra veremos que la configuración hecha anteriormente no tiene efecto.

La configuración del área de trabajo VSCode lo resuelve modificando el archivo con extensión '.code-workspace':

{
	"folders": [
		{
			"path": "C:\\TutorialVSCode"
		},
		{
			"path": "C:\\documentacion"
		}
	],
	"settings": {
		"editor.fontSize": 10
	}
}

Juego para memorizar los atajos de teclado en VSCode (hasta lo visto en este concepto)