Hi fellow devs,

For my first post, I'm just documenting my VSCode configurations here for posterity's sake or just for my reference later. Keep in mind that this list is going to be language agnostic and more so utility/aesthetic suggestions (though these are inevitably tied to what languages I work with, so take that as you will). Please feel free to suggest any good extensions that I've missed out on or your absolute must-haves!

Extensions

1. Duplicate selection or line - keyboard shortcut for duplication (cmd/ctrl+d)
2. GitLens - essential when working with teams
3. Error Lens - inlines errors for better dev experience
4. Import Cost - tells you the size of imported package, pretty useful for performance improvements
5. Kill Process - kill a process from vscode menu
6. Project Dashboard - quick overview of all your projects for easy navigation
7. Decompiler - decompiles stuff, useful for debugging
8. Toggle Zen Mode - adds a button for enabling zen mode so you don't have to remember the shortcut
9. Bracket Select - quickly select code in between brackets
10. Auto Rename Tag - rename pair of tags automatically
11. vscode-icons - icons for most file extensions you can think of
12. Dracula Official - my preferred VSCode theme

Now, on to aliases. This isn't part of VSCode; it's git. But I've included it here anyway as the two do complement each other. Here's the alias section of my .gitconfig file.

[alias]
    ac = !git add -A && git commit -m
    cd = !git checkout develop
    cm = !git checkout master
    pd = !git pull origin develop
    pm = !git pull origin master
    cn = !git checkout -b

Additional Resources

1. https://www.smashingmagazine.com/2018/01/visual-studio-code/

That's all for my first post folks. Thanks for reading and have a nice day! ✨