Visual Studio Code Settings

.VSCode Config.md

Visual Studio Code Configuration Files

keybinds.json

[
  {
    "key": "ctrl+shift+down",
    "command": "editor.action.moveLinesDownAction",
    "when": "editorTextFocus && !editorReadonly"
  },
  {
    "key": "alt+down",
    "command": "-editor.action.moveLinesDownAction",
    "when": "editorTextFocus && !editorReadonly"
  },
  {
    "key": "ctrl+shift+up",
    "command": "editor.action.moveLinesUpAction",
    "when": "editorTextFocus && !editorReadonly"
  },
  {
    "key": "alt+up",
    "command": "-editor.action.moveLinesUpAction",
    "when": "editorTextFocus && !editorReadonly"
  },
  {
    "key": "ctrl+shift+d",
    "command": "editor.action.copyLinesDownAction",
    "when": "editorTextFocus && !editorReadonly"
  },
  {
    "key": "shift+alt+down",
    "command": "-editor.action.copyLinesDownAction",
    "when": "editorTextFocus && !editorReadonly"
  },
  {
    "key": "ctrl+shift+u",
    "command": "editor.emmet.action.updateTag"
  },
  {
    "key": "ctrl+shift+w",
    "command": "editor.emmet.action.wrapWithAbbreviation"
  },
  {
    "key": "ctrl+\\",
    "command": "workbench.action.toggleSidebarVisibility"
  },
  {
    "key": "ctrl+b",
    "command": "-workbench.action.toggleSidebarVisibility"
  },
  {
    "key": "ctrl+\\",
    "command": "-workbench.action.splitEditor"
  },
  {
    "key": "ctrl+b",
    "command": "workbench.action.toggleActivityBarVisibility"
  },
  {
    "key": "shift+f11",
    "command": "workbench.action.toggleZenMode"
  },
  {
    "key": "ctrl+tab",
    "command": "workbench.action.focusActiveEditorGroup",
    "when": "terminalFocus"
  },
  {
    "key": "ctrl+f",
    "command": "workbench.action.toggleMaximizedPanel",
    "when": "terminalFocus"
  },
  {
    "key": "ctrl+`",
    "command": "-workbench.action.terminal.toggleTerminal",
    "when": "terminal.active"
  },
  {
    "key": "ctrl+shift+\\",
    "command": "workbench.action.toggleTabsVisibility"
  },
  {
    "key": "ctrl+tab",
    "command": "selectPrevPageSuggestion",
    "when": "suggestWidgetMultipleSuggestions && suggestWidgetVisible && textInputFocus"
  },
  {
    "key": "ctrl+tab",
    "command": "workbench.action.nextEditor"
  },
  {
    "key": "ctrl+shift+tab",
    "command": "workbench.action.previousEditor"
  },
  {
    "key": "ctrl+`",
    "command": "workbench.action.terminal.focus"
  },
  {
    "key": "ctrl+`",
    "command": "workbench.action.focusActiveEditorGroup",
    "when": "terminalFocus"
  }
]

nunjucks-snippets.json

{
  "Comment": {
    "prefix": "comment",
    "body": [
      "{# BEGIN ${1:name} #}",
      "$0",
      "{# END ${1:name} #}"
    ],
    "description": "Comment block"
  },
  "Block": {
    "prefix": "block",
    "body": [
      "{% block ${1:name} %}",
      "$0",
      "{% endblock %}"
    ],
    "description":
      "block defines a section on the template and identifies it with a name. This is used by template inheritance. Base templates can specify blocks and child templates can override them with new content."
  },
  "Extends": {
    "prefix": "extends",
    "body": [
      "{% extends 'nunjucks/${1:template}.njk' %}",
      "$0"
    ],
    "description":
      "extends is used to specify template inheritance. The specified template is used as a base template."
  },
  "Include": {
    "prefix": "include",
    "body": [
      "{% include 'nunjucks/${1:template}.njk' %}",
      "$0"
    ],
    "description":
      "Include pulls in other templates in place.It's useful when you need to share smaller chunks across several templates that already inherit other templates."
  },
  "Import": {
    "prefix": "import",
    "body": [
      "{% import 'nunjucks/${1:template}.njk' as ${2:var} %}",
      "$0"
    ],
    "description":
      "import loads a different template and allows you to access its exported values. Macros and top-level assignments (done with set) are exported from templates, allowing you to access them in a different template."
  },
  "From Import": {
    "prefix": "from",
    "body": [
      "{% from 'nunjucks/${1:template}.njk' import ${2:macro} as ${3:var} %}",
      "$0"
    ],
    "description":
      "It imports specific values from a template into the current namespace."
  },
  "Set": {
    "prefix": "set",
    "body": [
      "{% set ${1:var} = ${2:value} %}",
      "$0"
    ],
    "description": "set lets you create/modify a variable."
  },
  "If": {
    "prefix": "if",
    "body": [
      "{% if ${1:condition} %}",
      "$0",
      "{% endif %}"
    ],
    "description":
      "if tests a condition and lets you selectively display content. It behaves exactly as javascript\"s if behaves."
  },
  "If Else": {
    "prefix": "ife",
    "body": [
      "{% if ${1:condition} %}",
      "$2",
      "{% else %}",
      "$3",
      "{% endif %}"
    ],
    "description": "It creates the if else block."
  },
  "If Elif": {
    "prefix": "ifel",
    "body": [
      "{% if ${1:condition} %}",
      "$2",
      "{% elif ${3:condition} %}",
      "$4",
      "{% else %}",
      "$5",
      "{% endif %}"
    ],
    "description": "Alternate condition with the if block"
  },
  "Macro": {
    "prefix": "macro",
    "body": [
      "{% macro ${1:name}(${2:args}) %}",
      "$0",
      "{% endmacro %}"
    ],
    "description":
      "macro allows you to define reusable chunks of content. It is similar to a function in a programming language. "
  },
}

settings.json

{
  // "workbench.colorTheme": "GitHub Light",
  "workbench.colorTheme": "Community Material Theme Ocean High Contrast",
  // "workbench.colorTheme": "Dracula Custom",
  "workbench.colorCustomizations": {
    "[Dracula Custom]": {
      "gitDecoration.addedResourceForeground" : "#FFCB6B",
      "gitDecoration.modifiedResourceForeground" : "#82AAFF",
      "gitDecoration.untrackedResourceForeground" : "#C3E88d"
    },
    "[GitHub Light]": {
      "list.focusOutline": "#E8EAED",
      "focusBorder": "#00000000",
      "activityBar.activeBorder": "#E8EAED",
      "editorGutter.addedBackground": "#82AAFF88"
    },
    "[Community Material Theme Ocean High Contrast]": {
      "activityBarBadge.background": "#AB47BC",
      "activityBar.activeBorder": "#AB47BC",
      "list.activeSelectionForeground": "#AB47BC",
      // "list.activeSelectionBackground": "#82AAFF12",
      "list.activeSelectionBackground": "#0F111A",
      "list.inactiveSelectionForeground": "#AB47BC",
      // "list.inactiveSelectionBackground": "#82AAFF12",
      "list.inactiveSelectionBackground": "#0F111A",
      "list.errorForeground": "#FF5370",
      "list.highlightForeground": "#AB47BC",
      "scrollbarSlider.activeBackground": "#AB47BC50",
      "editorSuggestWidget.highlightForeground": "#AB47BC",
      "textLink.foreground": "#AB47BC",
      "progressBar.background": "#AB47BC",
      "pickerGroup.foreground": "#AB47BC",
      "tab.activeBorder": "#AB47BC",
      "notificationLink.foreground": "#AB47BC",
      "editorWidget.resizeBorder": "#AB47BC",
      "editorWidget.border": "#AB47BC",
      "settings.modifiedItemIndicator": "#AB47BC",
      "settings.headerForeground": "#AB47BC",
      "panelTitle.activeBorder": "#AB47BC",
      "breadcrumb.activeSelectionForeground": "#AB47BC",
      "menu.selectionForeground": "#AB47BC",
      "menubar.selectionForeground": "#AB47BC",
      "editor.findMatchBorder": "#AB47BC",
      "selection.background": "#AB47BC40",
      "statusBarItem.remoteBackground": "#AB47BC",
      "gitDecoration.addedResourceForeground" : "#FFCB6B",
      "gitDecoration.modifiedResourceForeground" : "#82AAFF",
      "gitDecoration.untrackedResourceForeground" : "#C3E88d"
    }
  },
  "workbench.editor.tabCloseButton": "off",
  "workbench.editor.centeredLayoutAutoResize": false,
  "workbench.enableExperiments": false,
  "workbench.startupEditor": "none", // Show sidebar icons
  "workbench.tree.indent": 20,
  "workbench.tips.enabled": false,
  "workbench.tree.renderIndentGuides": "none",
  "workbench.editor.untitled.hint": "hidden",
  "workbench.editor.untitled.labelFormat": "name",

  // Icons
  "workbench.iconTheme": "material-icon-theme",
  "material-icon-theme.saturation": 0,
  "material-icon-theme.folders.theme": "classic",
  "material-icon-theme.hidesExplorerArrows": true,
  "material-icon-theme.activeIconPack": "vue",

  // Fonts
  "editor.fontFamily": "'Operator Mono Lig', 'JetBrains Mono', 'Ubuntu Mono', monospace",
  "editor.fontLigatures": true,
  "editor.fontSize": 14,
  "editor.lineHeight": 28,
  "editor.tabSize": 2,
  "[python]": {
    "editor.insertSpaces": true,
    "editor.tabSize": 4
  },

  // Cursor
  "editor.cursorStyle": "underline",
  "editor.cursorBlinking": "phase",
  "editor.cursorSmoothCaretAnimation": true,
  "editor.multiCursorModifier": "ctrlCmd",

  // Common
  "editor.lightbulb.enabled": false,
  "editor.dragAndDrop": false,
  "editor.colorDecorators": false,
  "editor.accessibilitySupport": "off",
  "editor.glyphMargin": false,
  "editor.renderWhitespace": "all",
  "editor.minimap.enabled": false,
  "editor.smoothScrolling": false,
  "editor.find.addExtraSpaceOnTop": false,
  "editor.codeActionsOnSave": { },
  // "editor.folding": false,
  "editor.hover.above": false,
  "explorer.confirmDelete": false,
  "update.enableWindowsBackgroundUpdates": false,
  "security.workspace.trust.enabled": false,

  // Files
  "files.hotExit": "off",
  "files.insertFinalNewline": true,
  "files.eol": "\r\n",
  "files.simpleDialog.enable": true,
  "files.trimFinalNewlines": true,
  "files.trimTrailingWhitespace": true,
  "files.enableTrash": false,
  "files.defaultLanguage": "${activeEditorLanguage}",
  "files.exclude": {
    "node_modules": true,
    "yarn.lock": true,
    "**/.git": true,
    "**/.svn": true,
    "**/.hg": true,
    "**/CVS": true,
    "**/.DS_Store": true
  },

  // Window
  "window.menuBarVisibility": "toggle",
  // "window.title": "${folderName} 💩",
  "window.title": "💩",
  "window.restoreWindows": "none",
  "window.dialogStyle": "custom",

  // Zen mode
  "zenMode.hideActivityBar": false,
  "zenMode.hideStatusBar": false,
  "zenMode.hideLineNumbers": false,
  "terminal.integrated.automationShell.windows": "C:\\Program Files\\Git\\usr\\bin\\bash.exe",
  "terminal.integrated.defaultProfile.windows": "Git Bash",
  "terminal.integrated.copyOnSelection": true,
  "terminal.integrated.cursorBlinking": true,
  "terminal.integrated.fontFamily": "'JetBrains Mono', 'Ubuntu'",
  "terminal.integrated.lineHeight": 1.2,
  "terminal.integrated.enableBell": true,

  // Misc
  "breadcrumbs.enabled": false,              // Hide navigation bar
  "telemetry.telemetryLevel": "off",         // Disable report service
  "update.mode": "manual",                   // Disable VS Code auto-updates
  "extensions.autoUpdate": false,            // Disable extension updates
  "extensions.ignoreRecommendations": true,  // Ignore notifications for recommended extensions
  "explorer.decorations.badges": false,      // Hide explorer badge
  "explorer.confirmDragAndDrop": false,

  // JavaScript
  // "javascript.suggest.autoImports": false,
  // "typescript.suggest.autoImports": false,
  "javascript.updateImportsOnFileMove.enabled": "always", // never
  "typescript.updateImportsOnFileMove.enabled": "always", // never
  // Disable automatic type acquisition:
  // - https://dev.to/rmorabia/how-to-make-visual-studio-code-150-faster-in-large-projects-3eag
  // "typescript.disableAutomaticTypeAcquisition": false,

  // Vetur
  "vetur.completion.autoImport": false,
  "vetur.format.defaultFormatter.css": "none",
  "vetur.format.defaultFormatter.html": "none",
  "vetur.format.defaultFormatter.js": "none",
  "vetur.format.defaultFormatter.less": "none",
  "vetur.format.defaultFormatter.postcss": "none",
  "vetur.format.defaultFormatter.pug": "none",
  "vetur.format.defaultFormatter.sass": "none",
  "vetur.format.defaultFormatter.scss": "none",
  "vetur.format.defaultFormatter.stylus": "none",
  "vetur.format.defaultFormatter.ts": "none",
  "vetur.format.enable": false,
  "vetur.languageFeatures.codeActions": false,
  "vetur.languageFeatures.updateImportOnFileMove": false,
  "vetur.validation.interpolation": false,
  "vetur.validation.script": false,
  "vetur.validation.style": false,
  "vetur.validation.template": false,
  "vetur.ignoreProjectWarning": false,

  // Sass
  "sass.format.convert": false,
  "sass.format.deleteEmptyRows": false,
  "sass.format.deleteWhitespace": false,
  "sass.format.enabled": false,
  "sass.format.setPropertySpace": false,

  // Emmet
  "emmet.syntaxProfiles": {
    "html": {
      "attr_quotes": "single"
    }
  },
  "[typescript]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "better-comments.tags": [
    {
      "tag": "!",
      "color": "#FF2D00",
      "strikethrough": false,
      "underline": false,
      "backgroundColor": "transparent",
      "bold": false,
      "italic": false
    },
    {
      "tag": "?",
      "color": "#3498DB",
      "strikethrough": false,
      "underline": false,
      "backgroundColor": "transparent",
      "bold": false,
      "italic": false
    },
    {
      "tag": "//",
      "color": "#474747",
      "strikethrough": true,
      "underline": false,
      "backgroundColor": "transparent",
      "bold": false,
      "italic": false
    },
    {
      "tag": "todo",
      "color": "#FF8C00",
      "strikethrough": false,
      "underline": false,
      "backgroundColor": "transparent",
      "bold": false,
      "italic": false
    },
    {
      "tag": "info",
      "color": "#82AAFF",
      "strikethrough": false,
      "underline": false,
      "backgroundColor": "transparent",
      "bold": false,
      "italic": false
    },
    {
      "tag": "error",
      "color": "#FF5370",
      "strikethrough": false,
      "underline": false,
      "backgroundColor": "transparent",
      "bold": false,
      "italic": false
    },
    {
      "tag": "warn",
      "color": "#FFCB6B",
      "strikethrough": false,
      "underline": false,
      "backgroundColor": "transparent",
      "bold": false,
      "italic": false
    },
    {
      "tag": "*",
      "color": "#98C379",
      "strikethrough": false,
      "underline": false,
      "backgroundColor": "transparent",
      "bold": false,
      "italic": false
    }
  ],
  "[jsonc]": {
    "editor.defaultFormatter": "vscode.json-language-features"
  },
  "[html]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "zenMode.hideTabs": false
}