Skip to content

Visual Studio Code ​

Installation ​

  • Installation file can be downloaded from this link.

Settings ​

Zoom in the VS Code IDE to make all UI elements larger by using ⌘+ shortcut.

To enter this JSON, search "Preferences: Open User Settings (JSON)" in Command Palette.

json
{
  "[javascript]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[json]": {
    "editor.defaultFormatter": "vscode.json-language-features"
  },
  "[markdown]": {
    "editor.defaultFormatter": "yzhang.markdown-all-in-one"
  },
  "[python]": {
    "editor.defaultFormatter": "charliermarsh.ruff"
  },
  "[rust]": {
    "editor.defaultFormatter": "rust-lang.rust-analyzer"
  },
  "[scala]": {
    "editor.defaultFormatter": "scalameta.metals"
  },
  "[sql]": {
    "editor.defaultFormatter": "inferrinizzard.prettier-sql-vscode"
  },
  "[toml]": {
    "editor.defaultFormatter": "tamasfe.even-better-toml"
  },
  "[typescript]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[vue]": {
    "editor.defaultFormatter": "Vue.volar"
  },
  "[yaml]": {
    "editor.defaultFormatter": "redhat.vscode-yaml"
  },
  "aws.telemetry": false,
  "code-runner.clearPreviousOutput": true,
  "code-runner.enableAppInsights": false,
  "code-runner.executorMap": {
    "python": "$pythonPath -u $fullFileName"
  },
  "code-runner.saveFileBeforeRun": true,
  "code-runner.showExecutionMessage": false,
  "editor.accessibilitySupport": "off",
  "editor.bracketPairColorization.independentColorPoolPerBracketType": true,
  "editor.codeActionsOnSave": {
    "source.fixAll.eslint": "explicit",
    "source.organizeImports": "always",
    "source.organizeLinkDefinitions": "always",
    "source.sort.json": "explicit"
  },
  "editor.cursorBlinking": "expand",
  "editor.cursorSmoothCaretAnimation": "on",
  "editor.definitionLinkOpensInPeek": true,
  "editor.fontFamily": "Fira Code, Monaco, monospace",
  "editor.fontLigatures": true,
  "editor.fontSize": 13,
  "editor.formatOnPaste": true,
  "editor.formatOnSave": true,
  "editor.linkedEditing": true,
  "editor.tabCompletion": "onlySnippets",
  "editor.tabSize": 2,
  "editor.wordWrap": "on",
  "explorer.confirmDelete": true,
  "explorer.confirmDragAndDrop": true,
  "files.autoSave": "afterDelay",
  "files.autoSaveDelay": 1500,
  "files.readonlyInclude": {
    "**/.cargo/git/checkouts/**/*.rs": true,
    "**/.cargo/registry/src/**/*.rs": true,
    "**/.git/**": true,
    "**/.hg/**": true,
    "**/.svn/**": true,
    "**/bower_components/**": true,
    "**/build/**": true,
    "**/coverage/**": true,
    "**/dist/**": true,
    "**/lib/rustlib/src/rust/library/**/*.rs": true,
    "**/node_modules/**": true
  },
  "files.watcherExclude": {
    "**/.ammonite": true,
    "**/.bloop": true,
    "**/.metals": true,
    "**/build/*/**": true
  },
  "git.autofetch": true,
  "git.defaultCloneDirectory": "/Users/coolbytes/GitHub",
  "indentRainbow.colors": [
    "rgba(255,255,64)",
    "rgba(127,255,127)",
    "rgba(255,127,255)",
    "rgba(79,236,236)"
  ],
  "indentRainbow.indicatorStyle": "light",
  "javascript.updateImportsOnFileMove.enabled": "always",
  "livePreview.portNumber": 5173,
  "liveServer.settings.donotShowInfoMsg": true,
  "notebook.formatOnSave.enabled": true,
  "pylint.args": [
    "load-plugins=pylint_django"
  ],
  "redhat.telemetry.enabled": false,
  "settingsSync.ignoredExtensions": [
    "sonarsource.sonarlint-vscode"
  ],
  "telemetry.feedback.enabled": false,
  "telemetry.telemetryLevel": "off",
  "terminal.external.osxExec": "iTerm.app",
  "terminal.integrated.enableMultiLinePasteWarning": "never",
  "terminal.integrated.fontFamily": "Fira Code, Monaco, monospace",
  "terminal.integrated.fontSize": 12,
  "window.zoomLevel": 1.3,
  "workbench.activityBar.location": "top",
  "workbench.colorCustomizations": {},
  "workbench.colorTheme": "One Dark Pro Darker",
  "workbench.editor.enablePreview": false,
  "workbench.iconTheme": "material-icon-theme",
  "workbench.productIconTheme": "material-product-icons",
  "workbench.settings.applyToAllProfiles": [
    "files.autoSave",
    "editor.formatOnPaste",
    "editor.bracketPairColorization.independentColorPoolPerBracketType"
  ],
  "workbench.sideBar.location": "right",
  "workbench.startupEditor": "none"
}

Extensions ​

General ​

  • Sublime Text Keymap and Settings Importer
  • Material Icon Theme
  • Material Product Icons
  • One Dark Pro (by binaryify)
  • Night Owl (by Sarah Drasner)
  • IntelliCode
  • IntelliCode API Usage Examples
  • Path Intellisense
  • Code Spell Checker
  • Remote Development (4) (WSL can be ignored)
  • gitignore
  • AWS Toolkit
  • YAML
  • Even Better TOML
  • Error Lens
  • Bracket Pair Colorization Toggler
  • indent-rainbow
  • Docker
  • Kubernetes
  • Git History
  • GitLink
  • Todo Tree
  • Live Server
  • Live Preview
  • Thunder Client

C ​

  • C/C++
  • Code Runner

HTML/CSS ​

  • HTML END Tag Labels
  • CSS Peek
  • HTML CSS Support
  • Emmet (Probably an overkill for me)

JavaScript/TypeScript ​

  • ESLint
  • Babel JavaScript
  • Prettier - Code formatter
  • Import Cost
  • JavaScript (ES6) code snippets
  • JavaScript Booster

Java ​

  • Extension Pack for Java

Markdown ​

  • Markdown All in One
  • markdownlint

Python ​

  • Python
  • Ruff
  • Pylance
  • Jupyter
  • autoDocstring

Rust ​

  • rust-analyzer
  • CodeLLDB
  • Dependi

Scala ​

  • Scala (Metals)
  • Scala Syntax (official)
  • Scala Snippets

SQL ​

  • Prettier SQL VSCode

Vue.js ​

  • Vue (Official)
  • Vue VSCode Snippets (by Sarah Drasner)
  • Vue VS Code Extension Pack (by Sarah Drasner)

VS Code CLI Command ​

To get access to code CLI command, use Command Palette to install it to PATH variable. Just search "install code" in Command Palette and you'll get an option to install it.