My VS Code Settings

settings.json

{
  "auto-close-tag.fullMode": true,
  "emmet.includeLanguages": {
    "javascript": "javascriptreact"
  },
  "emmet.syntaxProfiles": {
    "javascript": "jsx"
  },
  "editor.tabSize": 2,
  "workbench.activityBar.visible": false,
  "prettier.singleQuote": true,
  "prettier.printWidth": 80,
  "editor.smoothScrolling": true,
  "sublimeTextKeymap.promptV3Features": true,
  "editor.multiCursorModifier": "ctrlCmd",
  "editor.snippetSuggestions": "top",
  "editor.fontFamily": "'Fira Code', Monaco, Menlo, 'Courier New', monospace",
  "editor.fontLigatures": true,
  "editor.fontSize": 15,
  "editor.lineHeight": 0,
  "editor.formatOnPaste": false,
  "editor.formatOnSave": true,
  "editor.glyphMargin": true,
  "editor.matchBrackets": true,
  "editor.parameterHints": false,
  "editor.renderIndentGuides": false,
  "editor.renderLineHighlight": "all",
  "editor.tokenColorCustomizations": {
    "functions": "#FFFFFF87",
    "comments": "#FFFFFF30",
    "keywords": "#D953AA",
    "numbers": "#D953AA",
    "strings": "#D953AA",
    "types": "#FFFFFF87",
    "variables": "#787878"
  },
  "files.insertFinalNewline": true,
  "workbench.colorTheme": "Visual Studio Dark",
  "workbench.colorCustomizations": {
    "activityBar.background": "#0a0a0a",
    "activityBar.border": "#000000",
    "editor.background": "#121212",
    "editor.lineHighlightBackground": "#FFFFFF05",
    "editor.lineHighlightBorder": "#FFFFFF00",
    "editorBracketMatch.background": "#FFFFFF10",
    "editorBracketMatch.border": "#FFFFFF00",
    "editorGutter.background": "#121212",
    "editorGutter.modifiedBackground": "#ffffff10",
    "editorGutter.addedBackground": "#ffffff10",
    "editorLineNumber.foreground": "#ffffff20",
    "editorGroupHeader.tabsBackground": "#0a0a0a",
    "editorGroupHeader.tabsBorder": "#121212",
    "sideBar.background": "#0a0a0a",
    "sideBar.foreground": "#ffffff87",
    "sideBar.border": "#0a0a0a",
    "statusBar.border": "#0a0a0a",
    "statusBar.background": "#0a0a0a",
    "statusBar.foreground": "#ffffff54",
    "tab.border": "#ffffff10",
    "tab.activeBackground": "#121212",
    "tab.activeForeground": "#FFFFFF87",
    "tab.activeBorder": "#121212",
    "tab.inactiveBackground": "#0a0a0a",
    "tab.inactiveForeground": "#FFFFFF64",
    "gitDecoration.modifiedResourceForeground": "#ffffff87"
  },
  "window.zoomLevel": -1,
  "window.closeWhenEmpty": true,
  "window.restoreWindows": "all",
  "explorer.confirmDragAndDrop": false,
  "guides.enabled": false,
  "guides.active.style": "dotted",
  "guides.overrideDefault": true,
  "guides.normal.width": 1,
  "guides.normal.enabled": false,
  "phpcs.enable": true,
  "phpcs.standard": "WordPress",
  "terminal.integrated.fontSize": 13,
  "terminal.integrated.fontFamily": "Monaco, Menlo, 'Courier New', monospace",
  "typescript.useCodeSnippetsOnMethodSuggest": true,
  "workbench.iconTheme": "material-icon-theme",
  "files.associations": {
    "*.js": "javascriptreact"
  },
  "[php]": {
    "editor.insertSpaces": false
  }
}

I have installed the following alongside this config:
Fira Code Font
Prettier Code Formatter Plugin
Material Icon Theme

Thanks for sharing