VS Code

keybindings.jsonc

// Place your key bindings in this file to override the defaults
// https://code.visualstudio.com/docs/editor/userdefinedsnippets#_assign-keybindings-to-snippets
[
  // Comentarios
  // {
  //   "key": "ctrl+l",
  //   "command": "editor.action.insertSnippet",
  //   "args": {
  //     "name": "console_log"
  //   }
  // },
  {
    "key": "ctrl+l",
    "command": "editor.action.insertSnippet",
    // "when": "editorTextFocus",
    "args": {
      "snippet": "console.log('$TM_SELECTED_TEXT${1:}');$2"
    }
  },
  {
    "key": "ctrl+k 1",
    "command": "macros.comment_title",
    // Ejemplo de que agregar en user settings.json
    // "macros": {
    //   "comment_title": [
    //     "asciidecorator.replaceWithDefaultFont",
    //     "editor.action.insertSnippet",
    //     {
    //       "command": "editor.action.insertSnippet",
    //       "args": {
    //         "snippet": "/* -------------------------------------------------------------------------------------------------------\n\n                                              $TM_SELECTED_TEXT\n\n------------------------------------------------------------------------------------------------------- */"
    //       }
    //     }
    //   ]
    // },
  },
  {
    "key": "ctrl+k 2",
    "command": "editor.action.insertSnippet",
    "args": {
      "snippet": "/* _____ $TM_SELECTED_TEXT _____ */\n$2"
    }
  },
  {
    "key": "ctrl+k 3",
    "command": "editor.action.insertSnippet",
    "args": {
      "snippet": "//\n//----------------------------------------------------\n//\n$2"
    }
  },
  //
  // EXAMPLE add text
  // {
  //   "key": "ctrl+k 2",
  //   "command": "type", "args": {"text": ";"}
  // },
  //
  //
  // {
  //   "key": "alt+e",
  //   "command": "workbench.action.focusActiveEditorGroup"
  // },
  //  Aumentar y reducir numeros
  // {
  //   "key": "ctrl+up",
  //   "command": "editor.emmet.action.incrementNumberByOne"
  // },
  // {
  //   "key": "ctrl+shift+up",
  //   "command": "editor.emmet.action.incrementNumberByOneTenth"
  // },
  // {
  //   "key": "ctrl+down",
  //   "command": "editor.emmet.action.decrementNumberByOne"
  // },
  // {
  //   "key": "ctrl+shift+down",
  //   "command": "editor.emmet.action.decrementNumberByOneTenth"
  // },
  // Copilot
  // {
  //   "key": "shift+alt+enter",
  //   "command": "github.copilot.generate",
  //   "when": "editorTextFocus && github.copilot.activated"
  // },
  // {
  //   "key": "ctrl+enter",
  //   "command": "-github.copilot.generate",
  //   "when": "editorTextFocus && github.copilot.activated"
  // },
  // Terminal
  {
    "key": "alt+t",
    "command": "workbench.action.terminal.focus"
  },
  {
    "key": "ctrl+`",
    "command": "workbench.action.terminal.toggleTerminal",
    "when": "terminal.active"
  },
  {
    "key": "ctrl+k l",
    "command": "workbench.explorer.fileView.focus"
  },
  {
    "key": "ctrl+k ,",
    "command": "workbench.action.focusActiveEditorGroup"
  },
  // Tab siguiente o abajo (son dos comandos por que uno quita el atajo por defecto y el otro lo asigna)
  {
    "key": "alt+end",
    "command": "workbench.action.nextEditor"
  },
  {
    "key": "ctrl+pagedown",
    "command": "-workbench.action.nextEditor"
  },
  // Tab mueve atras
  {
    "key": "alt+ctrl+home",
    "command": "workbench.action.moveEditorLeftInGroup"
  },
  {
    "key": "ctrl+shift+pageup",
    "command": "-workbench.action.moveEditorLeftInGroup"
  },
  // Tab anterior o arriba (son dos comandos por que uno quita el atajo por defecto y el otro lo asigna)
  {
    "key": "alt+home",
    "command": "workbench.action.previousEditor"
  },
  {
    "key": "ctrl+pageup",
    "command": "-workbench.action.previousEditor"
  },
  // Tab mueve right
  {
    "key": "alt+ctrl+end",
    "command": "workbench.action.moveEditorRightInGroup"
  },
  {
    "key": "ctrl+shift+pagedown",
    "command": "-workbench.action.moveEditorRightInGroup"
  },
  // Files explorer
  {
    "key": "alt+e",
    "command": "workbench.view.explorer",
    // "when": "editorTextFocus",
  },
  {
    "key": "alt+b",
    "command": "workbench.action.toggleSidebarVisibility",
    // "when": "workbench.view.explorer",
  },
  // Git sidebar
  {
    "key": "alt+g",
    "command": "workbench.view.scm"
  },
  // {
  //   "key": "alt+k d",
  //   "command": "workbench.view.debug"
  // },
  // {
  //   "key": "alt+k x",
  //     "command": "workbench.extensions.action.showEnabledExtensions"
  // }
]

settings.jsonc

{
  /* -------------------------------------------------------------------------------------------------------
  
                                                ░█▀▀░█░█░█▀█░█▀▀
                                                ░▀▀█░░█░░█░█░█░░
                                                ░▀▀▀░░▀░░▀░▀░▀▀▀
  
  ------------------------------------------------------------------------------------------------------- */
  "settingsSync.ignoredSettings": [
    "editor.fontFamily",
    "editor.fontWeight",
    "editor.fontSize",
    "workbench.fontAliasing",
    "terminal.integrated.fontFamily",
    "terminal.integrated.fontWeight",
    "terminal.integrated.fontSize",
    "editor.mouseWheelScrollSensitivity",
    "editor.smoothScrolling",
    "window.titleBarStyle"
  ],
  "settingsSync.ignoredExtensions": [
    "laurenttreguier.vscode-simple-icons"
  ],
  /* -------------------------------------------------------------------------------------------------------
  
                                                ░▀█▀░█▀▀░█▀▄░█▄█░▀█▀░█▀█░█▀█░█░░
                                                ░░█░░█▀▀░█▀▄░█░█░░█░░█░█░█▀█░█░░
                                                ░░▀░░▀▀▀░▀░▀░▀░▀░▀▀▀░▀░▀░▀░▀░▀▀▀
  
  ------------------------------------------------------------------------------------------------------- */
  "terminal.integrated.cursorBlinking": true,
  "terminal.integrated.cursorStyle": "line",
  "terminal.integrated.defaultProfile.osx": "zsh",
  "terminal.integrated.fontFamily": "Plane Nd", //Plane Nd
  "terminal.integrated.fontSize": 15,
  "terminal.integrated.fontWeight": "400",
  "terminal.integrated.smoothScrolling": false,
  "terminal.integrated.env.linux": {},
  /* -------------------------------------------------------------------------------------------------------
  
                                                ░█▀▀░█▀▄░▀█▀░▀█▀░█▀█░█▀▄
                                                ░█▀▀░█░█░░█░░░█░░█░█░█▀▄
                                                ░▀▀▀░▀▀░░▀▀▀░░▀░░▀▀▀░▀░▀
  
  ------------------------------------------------------------------------------------------------------- */
  "editor.tabSize": 2,
  "editor.hover.delay": 1200,
  "editor.insertSpaces": true,
  "editor.minimap.enabled": false,
  // "editor.fontFamily": "Plane-Light",
  // "editor.fontFamily": "Iosevka",
  "editor.fontFamily": "Plane Nd",
  "editor.fontWeight": "300",
  "editor.fontLigatures": true,
  "editor.cursorStyle": "line-thin",
  "workbench.fontAliasing": "antialiased",
  // Resaltado
  "editor.find.autoFindInSelection": "never",
  "editor.selectionHighlight": true, // ocurrencias de seleccion
  "editor.occurrencesHighlight": "off", // ocurrencias donde esta ubicado el cursor
  // Scroll Sugerencias
  "editor.hideCursorInOverviewRuler": true, // cursor
  "editor.fontSize": 18,
  "editor.lineHeight": 24,
  "editor.roundedSelection": false,
  // Highlight cuadrado de colores , CSS
  "editor.colorDecorators": true,
  //Brackets
  "editor.matchBrackets": "near", // Resalta brackets
  // "editor.bracketPairColorization.independentColorPoolPerBracketType": true,
  "editor.bracketPairColorization.enabled": false, // Color de brackets
  //
  "editor.renderWhitespace": "boundary", // espacios en blanco
  "editor.renderControlCharacters": true,
  "editor.suggest.showDeprecated": true, // auto muestra mientras se esta corriendo las sigerencias
  "editor.inlineSuggest.enabled": true,
  // "editor.renderIndentGuides": false,
  // "editor.renderLineHighlightOnlyWhenFocus": true,
  // "editor.snippetSuggestions": "top", // Sugerencias: Snippets first
  // "editor.formatOnPaste": false,
  "editor.formatOnSave": true,
  "editor.codeActionsOnSave": {
    "source.fixAll": "explicit"
  },
  "editor.mouseWheelZoom": false,
  "editor.suggestSelection": "first",
  "editor.tabCompletion": "on",
  "editor.linkedEditing": false, // Editar cierre de tag html
  // Mac settings
  "editor.mouseWheelScrollSensitivity": 1,
  "editor.smoothScrolling": true,
  // Image preview
  "editor.accessibilitySupport": "off",
  "editor.stickyScroll.enabled": false, // evita que se muestren la identacion arriba
  /* -------------------------------------------------------------------------------------------------------
  
                                                ░█░█░█▀█░█▀▄░█░█░█▀▄░█▀▀░█▀█░█▀▀░█░█
                                                ░█▄█░█░█░█▀▄░█▀▄░█▀▄░█▀▀░█░█░█░░░█▀█
                                                ░▀░▀░▀▀▀░▀░▀░▀░▀░▀▀░░▀▀▀░▀░▀░▀▀▀░▀░▀
  
  ------------------------------------------------------------------------------------------------------- */
  "workbench.colorTheme": "Plane Dark",
  "workbench.colorCustomizations": {
    // "titleBar.activeBackground": "#1E212F",
    // "titleBar.inactiveBackground": "#1E212F"
    // "statusBar.background": "#8108e4cc"
    "editorWhitespace.foreground": "#1E212F" // Indicadores de tabulacion o espacio
    // "editorIndentGuide.activeBackground1": "#ff0000" // Evita el focus en la linea, ya que esto lo realizo con bracket-pair..
    // "editorBracketMatch.border": "#ffdf85",
    //
    // Bracket color
    // "editorBracketMatch.border": "#00000000", // resalta brackets, pongo transparente el borde
    // "editorBracketMatch.background": "#fffb0023", // resalta brackets, un tenue amarillo al fondo
    // "editorBracketMatch.background": "#fdf9001f", // resalta brackets, un tenue amarillo al fondo
    // "editorBracketHighlight.foreground1": "#d211f8",
    // "editorBracketHighlight.foreground2": "#dfb976",
    // "editorBracketHighlight.foreground3": "#c10df8",
    // "editorBracketHighlight.foreground4": "#4fb1bc",
    // "editorBracketHighlight.foreground5": "#97c26c",
    // "editorBracketHighlight.foreground6": "#abb2c0",
    // "editorBracketHighlight.unexpectedBracket.foreground": "#db6165"
    // "tree.indentGuidesStroke": "#84fdf159",
    // "tree.inactiveIndentGuidesStroke": "#ffffff00"
  },
  "workbench.editor.decorations.badges": false, // Indicador git status en los tabs
  "workbench.editor.empty.hint": "hidden", // Controla si la sugerencia de texto vacío del editor debe ser visible en el editor.
  "workbench.editor.openPositioning": "last",
  "workbench.startupEditor": "newUntitledFile",
  "workbench.tree.enableStickyScroll": true, // Pinea los elementos en la parte superior en explorer de archivso
  "workbench.tree.indent": 16,
  "workbench.tree.renderIndentGuides": "always",
  /* -------------------------------------------------------------------------------------------------------
  
                                                ░▀█▀░█▀█░▀█▀░█▀▀░█▀▄░█▀▀░█▀█░█▀▀░█▀▀
                                                ░░█░░█░█░░█░░█▀▀░█▀▄░█▀▀░█▀█░█░░░█▀▀
                                                ░▀▀▀░▀░▀░░▀░░▀▀▀░▀░▀░▀░░░▀░▀░▀▀▀░▀▀▀
  
  ------------------------------------------------------------------------------------------------------- */
  "accessibility.signals.lineHasWarning": {
    "sound": "auto"
  },
  "breadcrumbs.enabled": false,
  "explorer.compactFolders": false,
  "explorer.confirmDelete": false, // Desactivar actualizaciones
  "explorer.confirmDragAndDrop": false,
  "scm.diffDecorations": "none",
  "security.workspace.trust.untrustedFiles": "open",
  "telemetry.telemetryLevel": "off",
  "window.menuBarVisibility": "toggle", // Custom title bar color
  "window.title": "${rootName} : ${activeEditorMedium}",
  "window.titleBarStyle": "native", // HEADER TITLE BAR
  /* -------------------------------------------------------------------------------------------------------
  
                                                ░█▀▀░█░█░█▀▀░█░░░█░█░█▀▄░█▀▀░█▀▀
                                                ░█▀▀░▄▀▄░█░░░█░░░█░█░█░█░█▀▀░▀▀█
                                                ░▀▀▀░▀░▀░▀▀▀░▀▀▀░▀▀▀░▀▀░░▀▀▀░▀▀▀
  
  ------------------------------------------------------------------------------------------------------- */
  "files.exclude": {
    // ".vscode": true,
    ".next": true,
    "**/.git": true,
    "**/.DS_Store": true,
    // "**/.vscode": true,
    "**/__pycache__": true,
    "**/.pytest_cache": true,
    "**/node_modules": true,
    "node_modules": true,
    "node_modules*": true,
    "venv": true,
    "*.sublime-*": true
    // "env*": true
  },
  "search.exclude": {
    "**/node_modules": true,
    "**/bower_components": true,
    "**/env": true,
    "**/venv": true
  },
  "files.watcherExclude": {
    "**/.git/objects/**": true,
    "**/.git/subtree-cache/**": true,
    "**/node_modules/**": true,
    "**/env/**": true,
    "**/venv/**": true,
    "env-*": true
  },
  /* -------------------------------------------------------------------------------------------------------
  
                                                ░█▀▀░█░█░▀█▀░█▀▀░█▀█░█▀▀░▀█▀░█▀█░█▀█░█▀▀
                                                ░█▀▀░▄▀▄░░█░░█▀▀░█░█░▀▀█░░█░░█░█░█░█░▀▀█
                                                ░▀▀▀░▀░▀░░▀░░▀▀▀░▀░▀░▀▀▀░▀▀▀░▀▀▀░▀░▀░▀▀▀
  
  ------------------------------------------------------------------------------------------------------- */
  "extensions.ignoreRecommendations": true,
  /* _____ Emmet _____ */
  "emmet.includeLanguages": {
    "javascript": "javascriptreact",
    "smarty": "html",
    "sass": "css"
  },
  "emmet.triggerExpansionOnTab": true,
  //
  /* _____ SVG PREVIEW _____ */
  "svg.preview.boundingBox": true,
  "svg.preview.transparencyGrid": false,
  "svg.preview.mode": "svg",
  //
  /* _____ Live server _____ */
  "liveServer.settings.donotShowInfoMsg": true,
  //
  /* _____ Git, Github _____ */
  "git.confirmSync": false,
  "git.enableSmartCommit": true,
  //
  "github.gitAuthentication": false,
  // "github.copilot.enable": {
  //   "*": true,
  //   "yaml": false,
  //   "plaintext": false,
  //   "markdown": true,
  //   "html": false,
  //   "scss": true,
  //   "typescriptreact": true
  // },
  //
  /* _____ Gitlens _____ */
  "gitlens.codeLens.enabled": false, // muestra el autor en el ecabezado
  "gitlens.currentLine.enabled": false, // Curren line autor
  // "gitlens.blame.format": "${author} | ${message|50?} ${agoOrDate|14-}",
  //
  /* _____ Bookmarks _____ */
  "bookmarks.navigateThroughAllFiles": false,
  //
  /* _____ Project manager _____ */
  "projectManager.tags": [
    "Personal",
    "Work",
    "Now"
  ],
  //
  /* _____ MJML _____ */
  "mjml.beautifyHtmlOutput": true,
  "mjml.autoPreview": true,
  //
  // Extension turbo console
  "turboConsoleLog.includeFileNameAndLineNum": false,
  "git.openRepositoryInParentFolders": "never",
  //
  // Git commit plugin
  "GitCommitPlugin.MaxSubjectCharacters": 200,
  //
  /* _____ Console ninja _____ */
  "console-ninja.fontSize": 14,
  "console-ninja.showWhatsNew": false,
  "console-ninja.darkTheme.gutterIcons": {
    "covered": "#62b455",
    "notCovered": "#cccccc",
    "partiallyCovered": "#d2a032",
    "errorSource": "#fe536a"
  },
  //
  /* _____ Tailwind Fold _____ */
  "tailwind-fold.autoFold": false,
  "tailwind-fold.foldStyle": "QUOTES",
  /* _____ Extension ASCII Decorator _____ */
  // Font: Pagga
  // Font: Calvin S
  // Font: ANSI Shadow
  "asciidecorator.defaultFont": "Pagga",
  /* -------------------------------------------------------------------------------------------------------
  
                                                ░█▀▀░█▀█░█▀▄░█▄█░█▀█░▀█▀░█▀█
                                                ░█▀▀░█░█░█▀▄░█░█░█▀█░░█░░█░█
                                                ░▀░░░▀▀▀░▀░▀░▀░▀░▀░▀░░▀░░▀▀▀
  
  ------------------------------------------------------------------------------------------------------- */
  // "[html]": {
  //   "editor.defaultFormatter": "vscode.html-language-features",
  // },
  // "[javascript]": {
  //   "editor.defaultFormatter": "vscode.typescript-language-features"
  // },
  // "[css]": {
  //   "editor.defaultFormatter": "esbenp.prettier-vscode"
  // },
  // "[typescript]": {
  //   "editor.defaultFormatter": "esbenp.prettier-vscode"
  // },
  // "[vue]": {
  //   "editor.defaultFormatter": "octref.vetur"
  // },
  // Json con comentarios
  // "[jsonc]": {
  //   "editor.defaultFormatter": "vscode.json-language-features",
  //   "editor.formatOnSave": true,
  // },
  // "[json]": {
  //   "editor.defaultFormatter": "vscode.json-language-features"
  // },
  //
  //
  "typescript.updateImportsOnFileMove.enabled": "always",
  //
  "javascript.updateImportsOnFileMove.enabled": "always",
  "[javascript]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  //
  "[css]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode",
    "editor.colorDecorators": true // color piker
  },
  /* -------------------------------------------------------------------------------------------------------
  
                                                ░█▄█░█▀█░█▀▀░█▀▄░█▀█░█▀▀
                                                ░█░█░█▀█░█░░░█▀▄░█░█░▀▀█
                                                ░▀░▀░▀░▀░▀▀▀░▀░▀░▀▀▀░▀▀▀
  
  ------------------------------------------------------------------------------------------------------- */
  "macros": {
    "comment_title": [
      "asciidecorator.replaceWithDefaultFont",
      "editor.action.insertSnippet",
      {
        "command": "editor.action.insertSnippet",
        "args": {
          "snippet": "/* -------------------------------------------------------------------------------------------------------\n\n                                              $TM_SELECTED_TEXT\n\n------------------------------------------------------------------------------------------------------- */"
        }
      }
    ]
  },
  //--------
}

snippets.jsonc

{
	// Place your global snippets here. Each snippet is defined under a snippet name and has a scope, prefix, body and 
	// description. Add comma separated ids of the languages where the snippet is applicable in the scope field. If scope 
	// is left empty or omitted, the snippet gets applied to all languages. The prefix is what is 
	// used to trigger the snippet and the body will be expanded and inserted. Possible variables are: 
	// $1, $2 for tab stops, $0 for the final cursor position, and ${1:label}, ${2:another} for placeholders. 
	// Placeholders with the same ids are connected.
	// Example:
	// "Print to console": {
	// 	"scope": "javascript,typescript",
	// 	"prefix": "log",
	// 	"body": [
	// 		"console.log('$1');",
	// 		"$2"
	// 	],
	// 	"description": "Log output to console"
	// }

	// JS
	"console_log": {
		"prefix": "cl",
		"body": [
			"console.log('$TM_SELECTED_TEXT${1:}');$2",
		],
		"description": "Print console.log."
	},
	"import": {
		"prefix": "imp",
		"body": [
			"import ${2:{${0}\\}} from '${1}';"
		],
		"description": "Import external module."
	},

	// Arrows http://graphemica.com/search?q=arrow, http://graphemica.com/search?q=angle+quotation
	"Arrow right 🠊": {
		"prefix": ">> 🠊",
		"body": [
			"🠊"
		],
		"description": "Print the arrow right"
	},
	"Arrow left 🠈": {
		"prefix": "<< 🠈",
		"body": [
			"🠈"
		],
		"description": "Print the arrow left"
	},

}

update