plugins
Essential vscode plugins
Essentials
These should be part of vscode but aren't :((
TabOut
https://marketplace.visualstudio.com/items?itemName=albert.TabOut
Very simple: allows escaping braces by pressing the tab key. Should be part of vscode but isn't
Template String Converter
https://marketplace.visualstudio.com/items?itemName=meganrogge.template-string-converter
Converts "" -> `` when ${ is typed.
SVG preview
https://marketplace.visualstudio.com/items?itemName=SimonSiefke.svg-preview
Opens SVG preview in side pane when an SVG (swägä) file is opened.
Better comments
https://marketplace.visualstudio.com/items?itemName=aaron-bond.better-comments
Colors lines in comments that start with */!/?
. Essential!
colorize
https://marketplace.visualstudio.com/items?itemName=kamikillerto.vscode-colorize
Colors css colors anywhere in code.
Duplicate action
https://marketplace.visualstudio.com/items?itemName=mrmlnc.vscode-duplicate
Duplicate files!
Useful
Rainbow CSV
https://marketplace.visualstudio.com/items?itemName=mechatroner.rainbow-csv
Formats and colorised csv columns!
Codesnap
https://marketplace.visualstudio.com/items?itemName=adpyke.codesnap
Take pretty pictures of code.
Turbo console log
https://marketplace.visualstudio.com/items?itemName=ChakrounAnas.turbo-console-log
Adds hotkey to log location, name of thing logged, and thing. Way better logging experience.
Window colors
https://marketplace.visualstudio.com/items?itemName=stuart.unique-window-colors
Different window, different color.
Gitlens
https://marketplace.visualstudio.com/items?itemName=eamodio.gitlens
Git blame on every line :)
Dump
Useful if you are using the feature / whatever in question.
- env files: dotenv
- please use prettier
- js/ts
- GraphQL syntax highlight
- eslint
- syntax highlighting for Styled Components