Cheatsheet de configuración de Visual Studio Code en settings.json. Incluye opciones esenciales para editor, archivos, terminal, explorador, apariencia y formateadores por lenguaje. Ideal para mantener un entorno limpio, consistente y productivo sin depender de Prettier global.

settings.json

{
  // 🎨 Apariencia
  "workbench.iconTheme": "material-icon-theme",
  "workbench.colorTheme": "Flatland Monokai",
  "editor.fontSize": 18,
  "editor.wordWrap": "on",
  "editor.cursorBlinking": "phase",

  // ✅ Mostrar puntitos de espacios y caracteres invisibles
  "editor.renderWhitespace": "all",
  "editor.renderControlCharacters": true,

  // ✅ Más separación visual entre bloques (padding)
  "editor.padding.top": 12,
  "editor.padding.bottom": 12,

  // ✅ Indent guides más visibles (líneas guía entre padres e hijos)
  "editor.guides.indentation": true,
  "editor.guides.highlightActiveIndentation": true,
  "editor.guides.bracketPairs": true,

  // 💾 Guardado y seguridad
  "files.autoSave": "afterDelay",
  "security.workspace.trust.untrustedFiles": "open",
  "explorer.confirmDelete": false,
  "explorer.confirmDragAndDrop": false,

  // ⚡ Formato y estilo de código
  "editor.formatOnSave": true,
  "editor.formatOnType": true,
  "editor.tabSize": 2,
  "editor.defaultFormatter": "esbenp.prettier-vscode",
  "prettier.semi": false,
  "prettier.singleQuote": true,
  "prettier.jsxSingleQuote": true,
  "typescript.format.semicolons": "remove",

  // ✨ Sugerencias y edición inteligente
  "editor.linkedEditing": true,
  "editor.inlineSuggest.enabled": true,

  // 🖥️ Terminal integrada
  "terminal.integrated.fontSize": 18,
  "terminal.integrated.cursorStyle": "underline",
  "terminal.integrated.cursorBlinking": true,

  // 🌐 Live Server
  "liveServer.settings.donotShowInfoMsg": true,
  "liveServer.settings.AdvanceCustomBrowserCmdLine": "",

  // 🔧 Lenguajes específicos
  "[java]": {
    "editor.defaultFormatter": "Oracle.oracle-java"
  },
  "php.validate.executablePath": "",

  // 🚀 Emmet (para HTML, Vue, JS/React)
  "emmet.includeLanguages": {
    "javascript": "javascriptreact",
    "vue-html": "html",
    "vue": "html",
    "markdown": "html"
  },

  // 🤖 Copilot
  "github.copilot.nextEditSuggestions.enabled": true,

  // 📊 Telemetría
  "jdk.telemetry.enabled": true,
  "redhat.telemetry.enabled": true,

  "[html]": {
    "editor.defaultFormatter": "vscode.html-language-features"
  }
}