VS Code

Posted on Edited on In Views:

Outline:

  • Install
  • Config

Config

To open the User settings:

  • Open the command palette (either with F1 or Cmd+Shift+P).
  • Type "open settings"
  • You are presented with two options, choose Open Settings (JSON)

Which, depending on platform, is one of:

  • Windows %APPDATA%\Code\User\settings.json
  • macOS $HOME/Library/Application\ Support/Code/User/settings.json
  • Linux $HOME/.config/Code/User/settings.json

The Workspace settings will be in a {workspaceName}.code-workspace file where you saved it, and the Folder settings will be in a .vscode folder if and when it has been created.

  • Visual Studio Code on macOS

Font

Change font: modify the settings.json file

1
2
3
4
5
6
{
  "terminal.integrated.fontFamily": "FiraCode Nerd Font Mono",
   "workbench.colorTheme": "Gruvbox Dark Hard",
   "editor.fontLigatures": true,
   "editor.fontFamily": "'FiraCode Nerd Font Mono', Menlo, Monaco, 'Courier New', monospace"
}

Theme

Change color theme:

  1. Go to Gruvbox Theme
  2. To install it, you need to:
    1. In VS Code, open the Color Theme picker with File > Preferences (Code > Preferences or *Code* > *Settings* on macOS) > Theme > Color Theme.
    2. You can also use the keyboard shortcut ⌘K ⌘T to display the picker.
    3. Use the cursor keys to preview the colors of the theme.
    4. Select the theme you want and press Enter.

Debug

Debug:

  1. Step: F10

  2. Step into: F11.

    disable Mac's F11 behavior:

    1. Go to System Preferences -> Keyboard -> Shortcuts
    2. Uncheck the "Show Desktop F11" option

Run

Open User setting json file:

1
2
3
4
5
"code-runner.executorMap": {
        # ...
        "python": "$pythonPath -u",
        # ...
}

Dev

  • Using Clang in Visual Studio Code
  • Using C++ on Linux in VS Code

Python formatter:

"Formatting makes source code easier to read by human beings. By enforcing particular rules and conventions such as line spacing, indents, and spacing around operators, the code becomes more visually organized and comprehensible." --> Source

I use Black formatter. Install it in VS Code's market place.

Config:

You can ensure VS Code uses Black by default for all your Python files by setting the following in your User settings (View > Command Palette... and run Preferences: Open User Settings (JSON)):

1
2
3
4
5
"[python]": {
        "editor.defaultFormatter": "ms-python.black-formatter",
        "editor.formatOnSave": true,
        "editor.formatOnType": true
    },

Remote development

VS Code supports remote development.