Leovaldez42 / vscode-settings

All of the themes / plugins / extensions / settings I use for VSCode.

VS Code Settings

Font

• Cascadia Code

Extensions

See my full list of extensions here.

Themes/Color

• Current theme:
  • Monokai
• Material Icon Theme
• Bracket Pair Colorizer
  • Matching parenthesis and curly brackets to with colors

Workflow

• Auto Rename Tag
  • Automatically rename paired HTML/XML tag
• Better Comments
  • For writing better comments
• Live Server

IntelliSense/AutoComplete

• IntelliSense for CSS class names in HTML
  • Provides CSS class name completion for the HTML class attribute based on the definitions found in your workspace or external files referenced through the link element
• React snippets
  • Complete React snippets
• Vue snippets
  • Complete Vue snippets

Style/Formatting

• ESLint
  • Integrates ESLint JS

Useful/Extra

• Import Cost
  • Display inline the size of the required/imported package
• VS Live Share
  • Collaborative editing, debugging, and more inside VS Code

Settings

{
    "workbench.iconTheme": "material-icon-theme",
    "editor.fontFamily": "Cascadia Code",
    "editor.fontLigatures": true,
    "editor.fontSize": 13,
    "blockman.n01LineHeight": 0,
    "workbench.colorCustomizations": {
        "editor.lineHighlightBackground": "#1073cf2d",
        "editor.lineHighlightBorder": "#9fced11f"
    },
    "editor.wordWrap": "on",
    "editor.guides.indentation": true,
    "editor.guides.bracketPairs": false,
    "editor.bracketPairColorization.enabled": true,
    "workbench.colorTheme": "Monokai",
}

Keybindings

[
    {
        "key": "cmd+t cmd+s",
        "command": "workbench.action.toggleStatusbarVisibility"
    },
    {
        "key": "cmd+t cmd+a",
        "command": "workbench.action.toggleActivityBarVisibility"
    },
    
    { "key": "cmd+1","command": "workbench.action.openEditorAtIndex1" },
    { "key": "cmd+2","command": "workbench.action.openEditorAtIndex2" },
    { "key": "cmd+3","command": "workbench.action.openEditorAtIndex3" },
    { "key": "cmd+4","command": "workbench.action.openEditorAtIndex4" },
    { "key": "cmd+5","command": "workbench.action.openEditorAtIndex5" },
    { "key": "cmd+6","command": "workbench.action.openEditorAtIndex6" },
    { "key": "cmd+7","command": "workbench.action.openEditorAtIndex7" },
    { "key": "cmd+8","command": "workbench.action.openEditorAtIndex8" },
    { "key": "cmd+9","command": "workbench.action.openEditorAtIndex9" }
]