vscode setup

keybindings.json

// Place your key bindings in this file to override the defaults
[
  {
    "key": "ctrl+.",
    "command": "editor.action.triggerSuggest",
    "when": "editorHasCompletionItemProvider && textInputFocus && !editorReadonly"
  }
]

vsc_extensions.sh

# Auto Close Tag
# Auto Rename Tag
# DotENV
# ES7 React/Redux/GraphQL/React-Native snippets
# ESLint
# Git Lens
# Gruxbox Theme
# Import Cost
# Lorem ipsum
# Prettier
# Vim
# vscode-icons
# GraphQL for VSCode
# GraphQL


code --install-extension formulahendry.auto-close-tag
code --install-extension formulahendry.auto-rename-tag
code --install-extension mikestead.dotenv
code --install-extension dsznajder.es7-react-js-snippets
code --install-extension dbaeumer.vscode-eslint
code --install-extension eamodio.gitlens
code --install-extension jdinhlife.gruvbox
code --install-extension wix.vscode-import-cost
code --install-extension Tyriar.lorem-ipsum
code --install-extension esbenp.prettier-vscode
code --install-extension vscodevim.vim
code --install-extension vscode-icons-team.vscode-icons
code --install-extension kumar-harsh.graphql-for-vscode
code --install-extension prisma.vscode-graphql

echo "Installation Completed"

vsc_settings.json

{
  // ---------------------------------------------------
  // Editor Settings
  // ---------------------------------------------------
  "breadcrumbs.enabled": true,
  "diffEditor.ignoreTrimWhitespace": false,
  // tab config ------------------------
  "editor.detectIndentation": false,
  "editor.tabSize": 2,
  "editor.insertSpaces": true,
  // -----------------------------------
  "editor.fontFamily": "'Hack', 'Cascadia Code', 'FiraCode-Retina', Consolas, 'Courier New', monospace",
  "editor.fontLigatures": false,
  "editor.fontSize": 14,
  "editor.formatOnSave": true,
  "editor.formatOnType": true,
  "editor.lineNumbers": "relative",
  "editor.minimap.size": "fit",
  // "editor.mouseWheelZoom": true,
  "editor.quickSuggestionsDelay": 0,
  "editor.renderWhitespace": "boundary", // "boundary" does not render single space between words
  "editor.snippetSuggestions": "top",
  "files.autoSave": "onFocusChange",
  "javascript.updateImportsOnFileMove.enabled": "always",
  "timeline.showView": true,
  "window.zoomLevel": -1,
  // workbench config ---------------------------------
  "workbench.colorTheme": "Gruvbox Dark Hard",
  "workbench.colorCustomizations": {
    "editorCursor.foreground": "#989902", // to match gruxbox theme
    "editorWhitespace.foreground": "#555"
  },
  "workbench.editor.limit.enabled": true,
  "workbench.editor.limit.value": 8,
  "workbench.iconTheme": "vscode-icons",
  // ---------------------------------------------------
  // ---------------------------------------------------
  // Emmet Settings (Extension)
  // ---------------------------------------------------
  "emmet.triggerExpansionOnTab": true,
  "emmet.showSuggestionsAsSnippets": true,
  // ---------------------------------------------------
  // VIM Settings (Extension)
  // ---------------------------------------------------
  "vim.statusBarColorControl": false,
  "vim.easymotion": true,
  "vim.surround": true,
  "vim.incsearch": true,
  "vim.hlsearch": true,
  "vim.useSystemClipboard": true,
  "vim.useCtrlKeys": true,
  "vim.insertModeKeyBindingsNonRecursive": [],
  "vim.normalModeKeyBindingsNonRecursive": [
    {
      // cursor navigation
      "before": ["j"],
      "after": ["g", "j"]
    },
    {
      // cursor navigation
      "before": ["k"],
      "after": ["g", "k"]
    },
    {
      // clear last search highlighting
      "before": ["<C-n>"],
      "commands": [":nohl"]
    },
    {
      // window navigation
      "before": ["<leader>", "h"],
      "after": ["<C-w>", "h"]
    },
    {
      // window navigation
      "before": ["<leader>", "j"],
      "after": ["<C-w>", "j"]
    },
    {
      // window navigation
      "before": ["<leader>", "k"],
      "after": ["<C-w>", "k"]
    },
    {
      // window navigation
      "before": ["<leader>", "l"],
      "after": ["<C-w>", "l"]
    },
    {
      // vim easymotion
      "before": ["<leader>", "<leader>"],
      "after": ["<Leader>", "<Leader>", "<Leader>", "b", "d", "w"]
    }
  ],
  "vim.visualModeKeyBindingsNonRecursive": [
    {
      "before": ["p"],
      "after": ["\"", "_", "d", "P"]
    }
  ],
  "vim.handleKeys": {},
  "vim.leader": "<space>",
  // ---------------------------------------------------
  // Prettier Settings (Extension)
  // ---------------------------------------------------
  "prettier.printWidth": 80,
  "prettier.singleQuote": true,
  "prettier.trailingComma": "es5",
  "prettier.useTabs": false,
  "editor.defaultFormatter": "esbenp.prettier-vscode",
  // ---------------------------------------------------
  // Others
  // ---------------------------------------------------
  "scm.alwaysShowRepositories": true,
  "vsicons.dontShowNewVersionMessage": true,
  "git.path": "/usr/bin/git",
  "git.ignoreMissingGitWarning": true
}

install hack font