Skip to content

Configuring VSCode

Valk edited this page Oct 14, 2024 · 20 revisions

Visual Studio Code

  1. Install Visual Studio Code
  2. In VSCode > Open Folder > Template\GodotProject
  3. Install the extensions that should automatically get recommended to you
  4. Press F1 and type C# Godot: Select Project and select the Godot project (a bit buggy but seems to resolve itself after some time)
  5. Setup VSCode Debugging

Optional Doki Theme Extension

You can get your VSCode to look like this with the Doki Theme extension. There are many themes, wallpapers and stickers for you to choose from.

Untitled

If you want to remove the bold text like I have done then you will need to install the Custom CSS and JS Loader extension. Add "vscode_custom_css.imports": [""] to your settings.json and add the path to your custom.css file. For example "file:///C:/Users/VALK-DESKTOP/Documents/custom.css".

Custom CSS file should look like this.

* {
    font-weight: normal !important;
}

I personally like the following Doki color themes.

  • Astolfo (Pink / Orange / Red)
  • Monika (Green)
  • Coconut (Light Blue)
  • Nino (Green / Blue / Pink)
  • Echidna (Dark Contrast)
  • Gray (Light Contrast)

Optional Settings

These are my user settings, use them if you want.

{
    "editor.fontSize": 24,
    "editor.renderWhitespace": "none",
    "editor.autoClosingDelete": "always",
    "editor.mouseWheelScrollSensitivity": 1.5,
    "editor.formatOnPaste": true,
    "editor.formatOnType": true,
    "explorer.confirmDelete": false,
    "explorer.confirmDragAndDrop": false,
    "breakpointHighlight.backgroundColor": "#742527"
}

Useful Keybinds

FX Keys

  • F1 (open the command palette)
  • F2 (rename all instances of this member)
  • F5 (start game with debugging)

Visibility Keys

  • Ctrl + - (zoom out)
  • Ctrl + = (zoom in)
  • Ctrl + B (toggle explorer view)

Search

  • Ctrl + F (search open document)
  • Ctrl + Shift + F (search entire project)

Generic

  • Ctrl + D (duplicate current line) (you will need to add this as a keybind under File > Preferences > Keyboard Shortcuts > Search for "duplicate")
  • Ctrl + / (comment or uncomment code selection)
  • Alt + Up / Down Arrow Keys (move current code lines up or down)

Cursor Keys

  • Ctrl + Alt + Up / Down Arrow Keys (create multiple cursors)
  • Shift + Alt + I (add cursor to line ends)

FYI Keys

  • Shift + F12 (see where a member is being referenced)