Published on

My Webstorm Setup


I love the power of Webstorm. I use it to develop all my web projects. It has a lot of features that I like that I can't find in any other IDE that I think allow me to be better at my job.

But I also don't like the default UI settings at all. I think it's a bit too cluttered and confusing.

So I always tweak the settings to make it cleaner and easier to use.

Here is a quick summary of my setup:

  • Hide tool windows bars
  • Hidden Navigation Bar
  • Install Material UI
  • Customize identifier highlight color
  • Fold all by default
  • Add font size keymap shortcuts
Webstorm setup
How my Webstorm setup looks like

Hide Tool Windows Bars

Tool windows bars just make the UI look a little bit cluttered. I hide them by default. If we need them we can always do a CMD + E to show them.

Tool window bars just make visual noise

Hide Navigation Bar

The navigation bar has some useful features, but it is not always needed. And it is easier to access them by keyboard shortcut or Find Action (CMD + Shift + A).

Navigation bar takes too much vertical space

Install Material UI

Material UI provides a very nice set of themes for Intellij based IDEs. My favorite ones are:

  • Night Owl
  • Deep Ocean (with editor color scheme set to Material Darker)

Night Owl theme on webstorm looks very nice

Remove cruft from status bar

I like to have the bottom status bar as clean as possible. I usually only keep the branch name and the notifications.

Removing some more visual noise from status bar

Customize identifier highlight color

I like to have an easier way to see highlighted identifiers. I use a custom border color for that.

Custom border allows to see highlighted identifiers better

Fold all by default

One trick I find useful is to fold all files by default. This is especially useful when you are working on a large project.

Folding all by default makes easier to explore code bases

Add font size keymap shortcuts

I like to easily change the font size of the editor. By default, Intellij doesn't have a keymap assigned to that, let's fix that.

I map CTRL = and CTRL - to change font size