Show me your tools, and I will tell you who you are. Or so they say.
MacOS and Windows if needed (sorry Ubuntu, it wasn't working for me anymore).
A lot of VSCode powers comes from a fantastic extension repository, and some require a sincere recommendation (in alphabetical order):
- Color Highlight: Simple tools that add appropriate background to any colour code. Excellent for anything front-end.
- Image Preview: Another handy and straightforward solution. It shows miniatures of the image next to the import in the code.
- Live Server: There are many tools to see hot reloading version of the page you are coding. This one is the simplest.
- Material Theme: It's a beautiful looking theme.
- MJML and mjml-syntax: Must have extensions if you want to write mobile-first emails with MJML in VSCode.
- MCFS (AMPScript): Worth already for syntax suggestions and highlighting, but there are also more fun features if you dare to connect it to SFMC.
- Path Intellisense: Autocompletes paths. Yay!
- Rainbow CSV: Shows columns in pure CSV. Happy magic.
- TabNine: If you ever dreamt about the code that writes itself, this is the extension you want. Creepy. Awesome. But creepy. Must have.
- Todo Tree: The best way to work with TODO logging in code.
- vscode-icons: Those are nice looking icons.
- HTML End Tag Labels: Adds HTML tag details on closing tags to make it easier to find yourself in the nested jungle.
Finally, it is not an extension, but a must-have for me: Fira Code font. Check it out. You will love it.
If you are interested in my configuration, you can find dotfiles on the Github Repository.
95% of the time I'm using the terminal integrated into VSCode. 5% of the time it is iTerm (on Mac) or Powershell (on Windows).
Windows setup with Powershell both as standalone and in the VSCode is quite out-of-the-box with just some useful aliases.
For work - Lucidchart. I need visuals for mapping out architectures, processes and stories. Lucidchart makes it fast and easy.
Postman. It is simple, and it works.
I'm not a graphic designer. I need something that is simple, fast and can output images for emails, landing pages and presentations. With such needs, there is nothing better than Sketch.
Apart from the above main areas, I also love some smaller apps that make my life better (unfortunately, all but the last one are Mac only):
- Numi - the best calculator app you can have. By far.
- Better Touch Tool not only allows you to leverage gestures to their fullest but also takes care of windows snapping to the edges.
- Mailplane - if you use Gmail and have a Mac, this app is a must.
- PDF Expert is the best PDF app you can have.
- Cleanshot makes capturing, annotating and sharing screenshots a breeze.
- Reeder - RSS is my favourite way of keeping up to speed with topics that are important to me. Reeder does it best.
- For tasks and notes, after testing multiple options, I stuck with Apple Notes and Reminders.
For Windows, there is one must-have power user tool: Microsoft PowerToys. Make your day-to-day Windows life better.
There are many website tools that make my life so much easier.
- Regex101 is a one-stop-shop for writing and testing your regular expressions.
- Can I Use? is perfect for checking whether a frontend feature is supported wide enough for you to use it on your website or Cloud Page.
- Can I Email? does the same as the previous tool, but in the everchanging yet still always behind email world.
- Built With provides a sneak peak into what created a website. Starting discovery for Marketing Cloud Personalization? This is your first step.
- Placehold is the best solution for adding placeholder images to your design. Just adapt the URL to get exactly what you need.