Dev Brain

Appearance

VSCode ​

Code linting & Formatting ​

  • setup default linting/formatting as eslint in settings

Shortcuts ​

  • open/close terminal: ctrl + `
  • open command pallet: cmd + p
    • >[question] for questions (cmd + shift + p)
  • pass word by word: option + left/right

Themes ​

  • jetbrains darcula theme
  • material icon theme

Misc ​

  • formatting on save supports just formatting modified code
  • sticky scroll setting

Debugger ​

  • breakpoints require glyph margins
  • breakpoints pause program execution right before selected line executes
  • gives program details in left side panel
  • blue arrow steps through line and updates variables accordingly
  • const test = true; for a breakpoint after desired breakpoint line to avoid stepping into internal vue

Configuration ​

jsonconfig.js

  • is important for clicking into components, etc
json
    {
        "allowJs": true,
        "compilerOptions": {
            "baseUrl": ".",
            "paths": {
                "@/*": ["./src/*"]
            }
        },
        "include": ["src/**/*"],
        "exclude": ["node_modules"]
    }

Extensions ​

Ruff: A python formatter ​

```python
# vscode settings.json
"editor.formatOnSave": true,
"ruff.enable": true,
"[python]": {
    "editor.defaultFormatter": "charliermarsh.ruff",
    "editor.formatOnSave": true,
    "editor.formatOnType": true,
    "editor.codeActionsOnSave": {
    "source.fixAll": "always",
    "source.organizeImports": "always"
    }
},
```

```toml
# pyproject.toml
[tool.ruff]
line-length = 88

[tool.ruff.format]
quote-style = "single"
```

Vetur ​

Volar ​

  • code completion and linting
  • icon top right corner that splits a file apart
  • vite icon for previewing components/outlining respective code to component
  • supports format on save
  • vetur is vue2 version
  • auto formatting with prettier

Gitlens ​

A very useful tool for easily getting GitLab info from the editor.

Tips:

  • can copy links to file lines by using cmd + p > GitLens: Copy Remote File URL
    • I've chosen to map this to shift + alt + c

Tips ​