Configuring VSCode

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.

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"
}