vscode.md

VSCode

ShortCuts

• VSCode Shortcuts - Brad Traversy
• Linux
• Microsoft
• MacOS

Extensions

Tools

• Bracket Pair Colorizer 2
• Live Server
• Turbo console.log
• Prettier
• change-case
• VS Intellicode

JS

• Code Runner

HTML

• Auto rename tag

CSS

• Colorize
• VSCode Color Peeker

Markdown

• Markdown Lint
• Markdown All in One

Tema e personalização

• Drácula
• Material Icon Theme

Configuração

settings.json

{
    "workbench.colorTheme": "Dracula",
    "workbench.iconTheme": "material-icon-theme",
    "material-icon-theme.folders.color": "#90a4ae",
    "editor.fontSize": 16,
    "editor.tabSize": 2,
    "editor.detectIndentation": true,
    "editor.insertSpaces": true,
    "editor.fontFamily": "'Fira Code',  monospace",
    "editor.fontLigatures": true,
    "[javascript]": {
        "editor.formatOnSave": true
    },
    "files.autoSave": "onWindowChange",
    "colorize.ignore_search_variables_info": true,
    "files.insertFinalNewline": true,
    "files.trimTrailingWhitespace": true,
    "editor.wordWrap": "on",
    "liveServer.settings.donotShowInfoMsg": true,
    "window.zoomLevel": 0,
    "explorer.confirmDragAndDrop": false,
    "shell.terminal.integrated.shell.osx": "zsh",
    "editor.minimap.renderCharacters": false,
    "editor.minimap.maxColumn": 200,
    "editor.minimap.showSlider": "always",
    // "editor.renderWhitespace": "all",
    "editor.smoothScrolling": true,
    "editor.cursorBlinking": "phase",
    "editor.cursorSmoothCaretAnimation": true,
    "emmet.includeLanguages": {
        "javascript": "javascriptreact",
    },
}

Fonte com ligatura

FiraCode

Instale conforme as instruções do link acima.