VSCode Web Development Setup

setting.json

{
  // * Workbench - Theme ======================================================
  "workbench.colorTheme": "Learn with Sumit - Professional",
  "workbench.iconTheme": "material-icon-theme",
  "workbench.startupEditor": "none",

  // * Editor =================================================================
  "editor.fontFamily": "'Dank Mono', 'Courier New', monospace",
  "editor.fontSize": 16,
  "editor.lineHeight": 25,
  "editor.fontLigatures": true,
  "editor.cursorStyle": "line",
  "editor.cursorWidth": 5,
  "editor.cursorBlinking": "solid",
  "editor.autoIndent": "full",
  "editor.cursorSmoothCaretAnimation": "on",
  "editor.minimap.enabled": false,
  "editor.multiCursorModifier": "ctrlCmd",
  "editor.suggestSelection": "first",
  "editor.tabCompletion": "on",
  "editor.wordWrap": "on",
  "editor.accessibilitySupport": "off",
  "editor.linkedEditing": true,
  "editor.formatOnSave": true,
  "editor.formatOnSaveMode": "file",
  "editor.defaultFormatter": "esbenp.prettier-vscode",

  // * Terminal Settings ======================================================
  "terminal.integrated.defaultProfile.osx": "zsh",
  "terminal.integrated.sendKeybindingsToShell": true,
  "terminal.integrated.fontFamily": "'Monaco','Hack Nerd Font'",
  "terminal.integrated.fontSize": 14,
  "terminal.integrated.env.osx": {
    "FIG_NEW_SESSION": "1"
  },

  // * Prettier ===============================================================
  "prettier.vueIndentScriptAndStyle": true,

  // * Go Live ================================================================
  "liveServer.settings.donotShowInfoMsg": true,
  "liveServer.settings.donotVerifyTags": true,
  "liveServer.settings.fullReload": true,

  // * Git ====================================================================
  "git.autofetch": true,
  "git.enableSmartCommit": true,
  "git.confirmSync": false,

  // * Others Settings ========================================================
  "search.showLineNumbers": true,
  "security.workspace.trust.enabled": false,
  "files.trimTrailingWhitespace": true,

  "files.exclude": {
    "**/__pycache__": true
  },

  "emmet.includeLanguages": {
    "javascript": "javascriptreact",
    "vue-html": "html",
    "markdown": "html"
  },

  "[markdown]": {
    "editor.quickSuggestions": {
      "comments": "on",
      "strings": "on",
      "other": "on"
    }
  },
  "[javascript]": {
    "editor.tabSize": 2
  },

  "[dockerfile]": {
    "editor.defaultFormatter": "ms-azuretools.vscode-docker"
  },

  // * Python-setting =========================================================
  "python.analysis.typeCheckingMode": "basic",

  "[python]": {
    "editor.defaultFormatter": "ms-python.black-formatter",
    "editor.formatOnType": true,
    "editor.codeActionsOnSave": {
      "source.organizeImports": true
    }
  },
  "isort.args": ["--profile", "black"],

  "python.linting.enabled": true,
  "python.linting.flake8Args": [
    "--ignore=E203",
    "--ignore=E266",
    "--ignore=E501",
    "--ignore=W503",
    "--max-line-length=120",
    "--select=B,C,E,F,W,T4,B9",
    "--max-complexity=18"
  ],

  "python.formatting.blackArgs": [
    "--skip-string-normalization",
    "--line-length",
    "120"
  ]
}