My VSCode settings

settings.json

{
    "workbench.colorTheme": "Dracula",
    "workbench.iconTheme": "material-icon-theme",
    "workbench.editor.labelFormat": "short",
    
    "terminal.integrated.shell.osx": "/bin/zsh",
    "terminal.integrated.fontSize": 14,

    "editor.tabSize": 2,
    "editor.fontSize": 16,
    "editor.lineHeight": 24,
    "editor.fontFamily": "Fira Code",
    "editor.fontLigatures": true,
    "editor.renderLineHighlight": "gutter",
    "editor.renderControlCharacters": true,
    "editor.renderWhitespace": "all",    
    "editor.minimap.enabled": false,
    "editor.rulers": [
        {
            "column": 100,
            "color": "#00ffc857"
        }
    ],
    "editor.formatOnSave": false,
    "[javascript]": {
        "editor.formatOnSave": true,
        "editor.codeActionsOnSave": {
            "source.fixAll.eslint": true,
        }
    },
    "[javascriptreact]": {
        "editor.formatOnSave": true,
        "editor.codeActionsOnSave": {
            "source.fixAll.eslint": true,
        }
    },
    "[typescript]": {
        "editor.formatOnSave": true,
        "editor.codeActionsOnSave": {
            "source.fixAll.eslint": true,
        },
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "[typescriptreact]": {
        "editor.formatOnSave": true,
        "editor.codeActionsOnSave": {
            "source.fixAll.eslint": true,
        },
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "[json]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode",
        "editor.quickSuggestions": {
            "strings": true
        },
        "editor.suggest.insertMode": "replace",
        "gitlens.codeLens.scopes": [
            "document"
        ]
    },

    "eslint.alwaysShowStatus": true,

    "breadcrumbs.enabled": true,
    "breadcrumbs.symbolSortOrder": "name",

    "extensions.ignoreRecommendations": true,

    "javascript.updateImportsOnFileMove.enabled": "always",
    "typescript.updateImportsOnFileMove.enabled": "always",

    "path-autocomplete.extensionOnImport": true,
    "path-autocomplete.includeExtension": true,
    "path-autocomplete.excludedItems": {
        "**/*.js": { "when": "**/*.ts" }, // ignore js files if i'm inside a ts file
        "**/*.map": { "when": "**" }, // always ignore *.map files
        "**/{.git,node_modules}": { "when": "**" } // always ignore .git and node_modules folders
    },

    "importCost.smallPackageSize": 50,
    "importCost.mediumPackageSize": 100,
    "importCost.smallPackageColor": "#7cc36e",
    "importCost.mediumPackageColor": "#7cc36e",
    "importCost.largePackageColor": "#d44e40",
    "importCost.typescriptExtensions": [
        "\\.tsx?$"
    ],
    "importCost.javascriptExtensions": [
        "\\.jsx?$"
    ],
    "importCost.bundleSizeDecoration": "both",
    "importCost.debug": false,

    "window.zoomLevel": 0,
    "todo-tree.tree.showScanModeButton": false
}