vs-code

About

Collection of extensions and further tips for VS Code.

To directly edit settings.json use in search panel Preferences: Open User Settings (JSON). Details are in VS Code: How to Add Custom Keybindings

VS Code: Extensions

Extensions that must to be installed for better development experience

• IntelliCode
• Python, Pylance, isort, Black Formatter, pylint, Python Type Hint
• Better Comments, autoDocstring, Code Spell Checker
• Remote Development, Dev Containers, Docker, Remote - SSH
• CodeSnap, DotENV, Rainbow CSV
• Jupyter, Jupyter Cell Tags, Jupyter Keymap, Jupyter Notebook Renderers, Jupyter Slide Show
• LaTeX Workshop
• Markdown
  • Markdown PDF
  • Markdown Preview Mermaid Support
• YAML, Task
• Todo Tree
• Themes
  • GitHub Theme
  • Monokai Pro
• Go
  • templ-vscode

Docs/Options for the VS Code extensions

• IntelliCode
• vscode-pdf
• Markdown PDF
• Code Spell Checker
• Marp for VS Code
• Better Comments
• Jupyter Notebook Renderers
• CodeSnap
  • Crtl+Shift + P -> Preferences: Open Settings (UI) -> codesnap -> edit settings here
    • (to copy directly in clipboard): Shutter Action -> Copy
• REST Client
• GitLens
• Even Better TOML
• Todo Tree
  • Best way to work with TODOs in VSCode
• LaTeX in VS Code

VS Code: Additional values for settings.json

"telemetry.telemetryLevel": "off",

VS Code: Keyboard Shortcuts / Keybindings

• Toggle sidebar visibility / hide explorer:
  • Ctrl+B
• Switch focus between editor and terminal:
  • Ctrl + ` -> focuces on terminal (` -> backtick key)
  • Ctrl + 1 -> focuces on editor
• Switch between opened terminal in VS Code
  • Ctrl + Shift + a -> requires custom key bindings
• Got to file within the project
  • Ctrl + P
• Navigate between open files
  • Hold Ctr and press Tab

VS Code: How to Add Custom Keybindings

Open and edit Preferences: Open Keyboard Shortcuts (JSON) by addding

// Place your key bindings in this file to override the defaults
[
  // Terminal
  {
    "key": "ctrl+shift+a",
    "command": "workbench.action.terminal.focusNext",
    "when": "terminalFocus"
  },
  {
    "key": "ctrl+shift+b",
    "command": "workbench.action.terminal.focusPrevious",
    "when": "terminalFocus"
  }
]

VS Code: templ (golang)

{
    "[templ]": {
        "editor.defaultFormatter": "a-h.templ",
		"editor.formatOnSave": true
    },
}

VS Code: Theme

Switch between themes as follows:

• Open Command Palette
• Type theme
• Select the one you want to write out

VS Code: How to debug a Python module

Example of the launch.json to debug module (see sections: args, msconsconverter)

{
    "version": "0.2.0",
    "configurations": [
        {
            "name": "Python Debugger: Module",
            "type": "debugpy",
            "request": "launch",
            "module": "msconsconverter",
            "args": ["convert", "--debug", "--input-directory", "tests/data", "--output-directory", "tests/data/output"],
        }
    ]
}