Saltar al contenido principal

Visual Studio Code

Extensiones

  • atomiks Moonlight | enkia Tokyo Night | DanielImss Sapphire Theme*
  • Atom Material Icons* | PKief Material Icon Theme
  • usernamehw Error Lens
  • oxc Oxc
  • shardulm94 Trailing Spaces
  • pflannery Version Lens

Otros:

  • Astro Astro
  • docker Docker DX
  • tamasfe Even Better TOML
  • rust-lang rust-analyzer
  • a5huynh vscode-ron
  • Dart-Code Flutter (instala automáticamente Dart)
  • CodeSnap
  • Awesome Flutter Snippets

Atajos de teclado

Abrir terminal o nueva terminal

  1. Abrir la paleta de comandos (Ctrl+Shift+P)
  2. Busca Preferences: Open Keyboard Shortcuts (JSON), no el readonly
// Place your key bindings in this file to override the defaults
[
{
"key": "ctrl+[semicolon]",
"command": "workbench.action.terminal.toggleTerminal"
},
{
"key": "ctrl+shift+[semicolon]",
"command": "workbench.action.terminal.new"
}
]

Configuraciones

{
// =============== UI ==================
"window.zoomLevel": 0,
"window.commandCenter": false, // Ocultar barra superior de busqueda y comandos
"window.menuBarVisibility": "toggle", // Ocultar menu superior ("Alt" para mostrar)
"explorer.compactFolders": false, // No agrupar folder vacios, ./foo/bar/some.rs
"workbench.editor.showTabs": "none", // Ocultar pestañas ("Ctrl + Tab" para navegar)
"workbench.activityBar.location": "bottom",
"workbench.commandPalette.history": 10,
"editor.minimap.enabled": false,
"editor.wordWrap": "on",
//"window.titleBarStyle": "custom",
//"editor.folding": true,
// ============== Editor ===============
"editor.fontSize": 18,
"editor.tabSize": 2,
"editor.fontLigatures": true,
"editor.cursorBlinking": "expand",
"workbench.startupEditor": "newUntitledFile",
"editor.guides.bracketPairs": true, // Colorea la linea vertical entre las llaves o corchetes
"editor.linkedEditing": true, // HTML - Renombrar tags automaticamente
// ============ Al guardar =============
"files.trimFinalNewlines": true,
"files.insertFinalNewline": true,
"files.trimTrailingWhitespace": true,
"editor.formatOnType": true,
"editor.formatOnPaste": true,
"editor.formatOnSave": true,
// ============= Terminal ==============
"terminal.integrated.cursorBlinking": true,
"terminal.integrated.cursorStyle": "line",
"terminal.integrated.fontLigatures.enabled": true,
"terminal.integrated.lineHeight": 1.4,
"terminal.integrated.cursorWidth": 2,
"terminal.integrated.fontSize": 16,
"terminal.integrated.suggest.enabled": true,
// =============== Otros ===============
"workbench.settings.editor": "json",
"telemetry.telemetryLevel": "off",
"explorer.confirmDragAndDrop": false,
"git.enableSmartCommit": true, // Agregar al commit los archivos modificados automaticamente
"git.confirmSync": false, // Push without confirmation

// =========== Extensiones =============
"terminal.integrated.fontFamily": "BlexMono Nerd Font Mono, FiraCode Nerd Font Mono, CaskaydiaCove Nerd Font Mono, Cascadia Code NF",
"editor.fontFamily": "BlexMono Nerd Font Mono, FiraCode Nerd Font Mono, CaskaydiaCove Nerd Font Mono, Cascadia Code NF",
"workbench.iconTheme": "a-file-icon-vscode",
"workbench.colorTheme": "Moonlight",
// CodeSnap ==============================
"codesnap.target": "window", // Guardar sin margen
"codesnap.containerPadding": "1rem", // Unicamente para que el previsualizado tenga margen
// Para el tema Moonlight
"editor.tokenColorCustomizations": {
"comments": "#909090",
},
"workbench.colorCustomizations": {
// Git Diff
"diffEditor.removedTextBackground": "#CCFFFF40",
"diffEditor.insertedTextBackground": "#FFFF9940",
"[Moonlight]": {
"editor.background": "#080D14",
// ==== Barra superior (tabs, título del archivo abierto)
"titleBar.activeBackground": "#080D14",
"titleBar.inactiveBackground": "#0A1018",
//"tab.activeBackground": "#080D14",
//"tab.inactiveBackground": "#0A1018",
// Breadcrumb
"breadcrumb.background": "#080D14",
//"breadcrumb.focusForeground": "#FFFFFF",
//"breadcrumb.activeSelectionForeground": "#FFFFFF",
// Panel lateral (explorador, fuente, etc.)
"sideBar.background": "#080D14",
"sideBarSectionHeader.background": "#0A1018",
// Panel inferior (Problems, Output, Terminal, etc.)
"panel.background": "#080D14",
},
},
// Dart ==============================
"dart.flutterCreateOrganization": "com.organizationname",
"dart.flutterCreatePlatforms": ["android", "ios"],
"dart.flutterSdkPath": "/home/username/tools/flutter",
// Formateadores =======================
"[jsonc]": {
"editor.defaultFormatter": "esbenp.prettier-vscode",
},
"[typescript]": {
"editor.defaultFormatter": "esbenp.prettier-vscode",
},
"js/ts.updateImportsOnFileMove.enabled": "always", // Actualizar imports al mover un archivo
"editor.codeActionsOnSave": {
"source.organizeImports": "explicit", // Ordenar imports al guardar
},
"workbench.secondarySideBar.defaultVisibility": "visible",
}