DEV Community

Cover image for 6 tools I use every day as a full-stack developer
Lucy Linder
Lucy Linder

Posted on • Updated on • Originally published at blog.derlin.ch

 

6 tools I use every day as a full-stack developer

I know there are lots of posts about "necessary" tools that "you must use" as a developer. Without going that far, here is a short list of tools I use daily I can't personally live without.

1. Maccy - MacOS clipboard manager

⚡⚠⚡ For non Mac OS users
I am sure you can find a decent alternative for you operating system. Windows 10 even comes with a built-in clipboard history. It is worth searching, because a good clipboard manager can change your life !

Maccy "does one job - keep your copy history at hand. Period." Light-weight and open source, it stores whatever you copy. Need an old entry ? Press ⌘+y (or whatever shortcut you want) to show the menu, then either search or use arrows to select what you need, press enter and it is back in your clipboard.

maccy overview

2. lazygit - Git UI in your terminal

Instead of trying to learn how to use the git UI in IntelliJ, only to start again when switching to Visual Studio, I prefer running git in the terminal, which is always here.

Lazygit comes with panels and shortcuts, which are all pretty straight-forward and customisable. Once you get the gist, it becomes really fast to do whatever in git.

lazygit overview

Press a to stage all files, c to commit, C to commit using the usual git prompt, space to stage/unstage the selected file, etc.

If a shortcut is missing for an action you do often, you can add one easily by creating custom commands (note: custom commands are written in ~/Library/Application\ Support/lazygit/config.yml on Mac OS).

3. Rainbow Brackets

Image description

So simple, yet so helpful. Rainbow brackets colours matching parentheses, brackets, etc.
It is hard to look at code without this feature once you get accustomed to it.

There are multiple extensions depending on your IDE:

IntelliJ plugin

Visual Studio Code plugin

Note that IntelliJ's is really feature-rich, even supporting XML tags and the like. For Visual Studio, you may have to install a bunch more extensions to get the same result: https://dev.to/jennifer/when-you-want-a-bit-more-rainbow-in-your-vscode-10aj

4. Vivaldi browser

I have a problem: I am a tab freak. I always have at least 50 tabs opened at the same time, in at least 2 browser windows (one for each screen !).

Vivaldi is a chromium-based browser, with a highly customizable UI written in react, that comes with anti-tracking and Ad Blocker out-of-the-box. But the real plus for me are the tab management features. My favorites:

  • tab position: top, bottom, left, right
  • tab cycling (with preview 🤩): either by position, or last usage
  • bookmark nicknames usable in the top bar (like firefox)
  • ability to create keyboard shortcuts for everything
  • spotlight: search open tabs, commands, etc.

And other nice ones:

  • tab stacks (grouping tabs), with the ability to split screen between them (multi-tasking)
  • tab preview on hover
  • beautiful and customizable themes

Here is how it looks like with my theme and settings (see how easy it is to find the dev.to tab):

Vivaldi with tabs on the right

Note that Vivaldi is a bit slower than Chrome, but I find it a good bargain given the time I spare looking for the right tab. You can also improve the speed by disabling some of the features. Let me know in the comments if you are interested in knowing more.

5. Typora

I am not a particularly organised person: when I take some notes, I don't want to think of tags, knowledge graphs, or databases. Simple markdown files and a basic search interface are all I ask for.

Typora overview

Typora is a paid markdown editor, yet its fair price ($ 14.99 for a lifetime license usable on three devices) is totally worth it.

Contrary to most other editors, it doesn't split your screen between write and preview. It is simple yet supports tables, code + code highlighting, latex, and more. You can use regular markdown, or shortcuts and menus to format your text.

The themes and export to PDF feature are so good I sometimes used it for my reports when I was still a student.

More importantly, everything is stored locally. I thus can use it to organise my notes on my work machine (without risking leaking sensitive information).

I personally use a MD folder where I store all my notes, and open the folder itself on typora. I now have a sidebar to browse my files, and a search box supporting fuzzy search. This folder is then synced with my company cloud or Dropbox/Google Drive/... on my personal computer.

It is easy, light-weight, and works well. Even better, my notes are just text files, so I can open them with other softwares if I get tired of typora. No vendor locking !

6. KeePassXC

KeePassXC

KeePassXC is an open source cross-platform password manager that works completely offline.

I mostly use it for work, where I have soo many passwords and 2FAs. What I like about KeePassXC is:

  • databases are stored on files locally (but can be synced using my OneDrive for work),
  • supports TOTP,
  • can notify you on password expiration (the 3-month policy in many organisations),
  • browser integrations, password generation, ...

Top comments (1)

Collapse
 
andre_adpc profile image
Andre Du Plessis

Oh, I do love this post, Lucy ! Not to mention giving us a sneak-peek into the toolbox you have here. Me like!

Browser wise I still fall back to the old trusty Fox. There are various reasons, mostly for privacy, security and the fact that Moz Dev play a major role in setting international standards for web dev and they know how things should work. I use Firefox Dev Edition, specifically.

Throw in Simple Tab Groups, Containers and Bookmark Search Plus 2, and you are set for solid success. Not to mention FFox still seems to be the only browser that can manage frontend dev CSS and image asset colour rendering properly (yes a very old article, but research into the issue to disprove it was not found yet).

Not to mention all the great Web Dev tools it has to offer built in. Use Chrome as a synergistic dev tool for performance testing with Lighthouse etc., and you are mostly covered, I think. and yes, KeePassXC, like you mentioned is a must-have, especially if you need a secure repo for keys, certs and admin passwords to all doors in the cloud.

As far as web dev servers for Windows users go, I can recommend Laragon as a light-weight, yet very, very powerful and configurable Localhost dev server platform with smooth integrations for CMDER, and almost any dev shell you can think of combined under the newish Win Terminal.

Image description

Another handy set of tools for Win users is an app called PowerToys. It's continuously getting improvements and helps me a lot with working more productively.