Configuración avanzada

Editar settings.json y keybindings.json, diferencia entre configuración de usuario y de workspace, y ajustes por lenguaje.

La configuración de VS Code se guarda en JSON: settings.json (opciones) y keybindings.json (atajos).

La configuración de usuario aplica a todos los proyectos; la de workspace (carpeta .vscode/settings.json) solo a esa carpeta.

Puedes abrir el JSON desde la interfaz (archivo de configuración) o desde la paleta: «Preferences: Open User Settings (JSON)».

Los atajos personalizados se editan en keybindings.json; cada entrada tiene key (atajo), command y opcionalmente when.

  • Configuración en JSON.
  • Abre la paleta de comandos y busca «Preferences: Open User Settings (JSON)» para editar la configuración de usuario. Cada opción es una clave en formato «seccion.opcion» y su valor (string, número, boolean o array). Por ejemplo: «editor.formatOnSave»: true, «editor.tabSize»: 2, «files.encoding»: "utf8".
  • Configuración global o por proyecto.
  • La configuración de usuario se aplica siempre. La de workspace vive en la carpeta del proyecto, en .vscode/settings.json, y solo aplica cuando abres esa carpeta. Es útil para que un proyecto tenga su propio tabSize, formateador o linter sin afectar al resto. Puedes crear .vscode/settings.json a mano o desde «Preferences: Open Workspace Settings (JSON)» cuando tengas una carpeta abierta.
  • Personalizar atajos de teclado.

settings.json

Configuración en JSON.

Abre la paleta de comandos y busca «Preferences: Open User Settings (JSON)» para editar la configuración de usuario. Cada opción es una clave en formato «seccion.opcion» y su valor (string, número, boolean o array). Por ejemplo: «editor.formatOnSave»: true, «editor.tabSize»: 2, «files.encoding»: "utf8".

Usuario vs workspace

Configuración global o por proyecto.

La configuración de usuario se aplica siempre. La de workspace vive en la carpeta del proyecto, en .vscode/settings.json, y solo aplica cuando abres esa carpeta. Es útil para que un proyecto tenga su propio tabSize, formateador o linter sin afectar al resto. Puedes crear .vscode/settings.json a mano o desde «Preferences: Open Workspace Settings (JSON)» cuando tengas una carpeta abierta.

keybindings.json

Personalizar atajos de teclado.

«Preferences: Open Keyboard Shortcuts (JSON)» abre keybindings.json. Cada entrada tiene "key" (por ejemplo "ctrl+shift+k"), "command" (id del comando) y opcionalmente "when" (contexto). Puedes sobreescribir un atajo existente o asignar uno nuevo a un comando. Los cambios se aplican al guardar.

VS Code
06

Configuración avanzada

Editar settings.json y keybindings.json, diferencia entre configuración de usuario y de workspace, y ajustes por lenguaje.

Código del tema: settings.json

📘 Teoría

settings.json

Configuración en JSON.

Abre la paleta de comandos y busca «Preferences: Open User Settings (JSON)» para editar la configuración de usuario. Cada opción es una clave en formato «seccion.opcion» y su valor (string, número, boolean o array). Por ejemplo: «editor.formatOnSave»: true, «editor.tabSize»: 2, «files.encoding»: "utf8".

Ejemplo de settings.json (fragmento)
Revisar
{
  "editor.formatOnSave": true,
  "editor.tabSize": 2,
  "editor.wordWrap": "on",
  "files.encoding": "utf8",
  "files.trimTrailingWhitespace": true
}

Usuario vs workspace

Configuración global o por proyecto.

La configuración de usuario se aplica siempre. La de workspace vive en la carpeta del proyecto, en .vscode/settings.json, y solo aplica cuando abres esa carpeta. Es útil para que un proyecto tenga su propio tabSize, formateador o linter sin afectar al resto. Puedes crear .vscode/settings.json a mano o desde «Preferences: Open Workspace Settings (JSON)» cuando tengas una carpeta abierta.

keybindings.json

Personalizar atajos de teclado.

«Preferences: Open Keyboard Shortcuts (JSON)» abre keybindings.json. Cada entrada tiene "key" (por ejemplo "ctrl+shift+k"), "command" (id del comando) y opcionalmente "when" (contexto). Puedes sobreescribir un atajo existente o asignar uno nuevo a un comando. Los cambios se aplican al guardar.

Ejemplo de keybindings.json (fragmento)
[
  {
    "key": "ctrl+alt+l",
    "command": "editor.action.formatDocument"
  }
]

🧪 Aprende probando

Ejemplo Fragmento de settings Copia en tu settings.json (usuario o workspace) y ajusta a tu gusto.

🧰 Recursos

Test

Comprueba tus conocimientos con un test sobre VS Code.

Test de VS Code

¿Qué es esto?

Soy Cristian Eslava y a veces hago webs para procrastinar yo y vosotros 😉.

Esta la hice en febrero de 2026 para facilitar el aprendizaje de mis alumnxs. Aprender desarrollo web practicando. La idea es que crezca semanalmente con nuevos temas, tests y retos.

Inspirado en MDN, en W3Schools, en Codepen, en el crack de Manz y en mil sitios de documentación sobre desarrollo web. Quería aportar además de bloques teóricos con ejemplos, la gamificación de los retos y el sistema de test que ya tenía en culTest .

Si te gustó, si no te gustó, si quieres saludarme, o invitarme a 🍻 no dudes en escribirme en cristianeslava@gmail.com .