JavaScript variable color in JetBrains WebStorm

10
votes

Why JS variables have different colors in JetBrains WebStorm 2016 ? There are no significant differences between express, path, favicon... variables: I use them all in the code.

Do these colors mean something, is it normal behavior of WebStorm? If not - how to change them?

Variable colors in JetBrains WebStorm

2
javascriptnode.jsintellij-ideawebstormjetbrains-ide

2 Answers

10
votes

The colours for those member fields are different because they are different types.

The fields coloured purple are object variables and the fields in light orange are function variables.

IntelliJ (or WebStorm) has determined this by examining the export field of the targeted JavaScript files.

See screenshots below:

Screenshot showing syntax highlight colour of JavaScript instance functions

Screenshot showing syntax highlight colour of JavaScript instance variables

1
votes

Open Settings/Preferences dialog, and under the File node, click Colors & Fonts and select JavaScript. From right panel you can change all the colors

It's important to note that the check box Use inherited attributes is selected!

For more detail go to this link

Change Colors