settings.json

{
  //basic style
  "editor.bracketPairColorization.enabled": true,
  "editor.fontSize": 15,
  "editor.fontWeight": "normal",
  "editor.minimap.enabled": false,
  "editor.wordWrap": "on",
  "editor.formatOnType": true,
  "editor.guides.bracketPairs": "active",
  "workbench.iconTheme": "vscode-icons",
  "glassit.alpha": 250,
  "editor.suggestSelection": "first",
  "files.autoSave": "afterDelay",
  "liveServer.settings.donotShowInfoMsg": true,
  "javascript.updateImportsOnFileMove.enabled": "always",
  "editor.cursorBlinking": "expand",
  "editor.cursorSmoothCaretAnimation": "on",
  "explorer.compactFolders": false,

  //vs code using font
  "editor.fontFamily": " 'Cascadia Code', 'Operator Mono ', Consolas, 'Courier New', monospace",
  // "editor.fontLigatures": true,
  "editor.fontLigatures": "'ss01', 'ss02', 'ss03', 'ss04', 'ss05', 'ss06', 'zero', 'onum'",

  // vs code  font style
  "editor.tokenColorCustomizations": {
    "textMateRules": [
      {
        "scope": [
          //following will be in italic (=FlottFlott)
          "comment",
          "entity.name.type.class", //class names
          "keyword", //import, export, return…
          "storage.modifier", //static keyword
          "storage.type" //class keyword
        ],
        "settings": {
          "fontStyle": "italic bold "
        }
      }
    ]
  },

  //vs code "powermode extenstion settings
  "powermode.enabled": true,
  "powermode.combo.counterEnabled": "hide",
  "powermode.combo.location": "off",
  "powermode.shake.enabled": false,

  //vs code prettier & ESlint extension setup
  "editor.formatOnSave": true,
  "editor.defaultFormatter": "esbenp.prettier-vscode",
  "editor.codeActionsOnSave": {
    "source.fixAll.eslint": true,
    "source.fixAll": false,
    "source.sortImports": true
  },
  "eslint.rules.customizations": [{ "rule": "no-*", "severity": "off" }],

  //terminal font
  "terminal.integrated.fontFamily": "MesloLGS NF",

  //vs code status & scroll bar
  "workbench.colorCustomizations": {
    "statusBar.background": "#230444c7",
    "scrollbarSlider.background": "#41364ec7"
  },
  "editor.scrollbar.verticalScrollbarSize": 12,

  // for reactjs
  "emmet.includeLanguages": {
    "javascript": "javascriptreact"
  },
  "explorer.confirmDragAndDrop": false,

  "editor.quickSuggestions": {
    "strings": true
  },

  // show hidden file
  "files.exclude": {
    "**/.git": false
  },
  "workbench.colorTheme": "Dracula",
  "explorer.confirmDelete": false
}