Updated: 2020-06-29

Change SDK and Language level(Java version)

File->Project Structure-> Project

change Project SDK and Project Language level

Set Working directory

In a multi-module project, the structure might be


by default working directory is set to project root folder. To run relative to moduleB folder, open configurations: Run->Edit Configurations...

and set Working directory to $MODULE_DIR$.

Convert to maven project

Right-click on the module, select Add framework support..., and check the Maven.

Multiple Cursors

Press Shift + Cmd + 8 to change to Column mode(there's a "Column" in the lower right corner), hold Shift and move up or down to create multiple cursors, then make the changes.

Shortcut for Insert Mode

Preferences -> Keycap -> Editor Actions -> Toggle Insert/Overwrite, add your own shortcut e.g. Shift+Ctrl+I

WebStorm FileWatcher

Two mistakes:

  1. I used less instead of lessc to compile .less files. Then suddenly, suddenly I realized, less in command line, has nothing to do with CSS… it is just a file viewer like more… that explains why the “compiled” css file looks exactly the same as its origin less file.
  2. I saw the error message

    env: node: No such file or directory

The solution is add PATH=/usr/local/bin to Environment variables in FileWatcher

Extra note about the FileWatcher: in command line we use lessc style.less > style.css to write to file. In FileWatcher, set only style.less in Arguments , and leave style.css in Output paths to refresh

Multi Cursor

Column Selection Mode (Cmd+Shift+8) which allow create multiple cursors via Shift+Up orShift+Down then edit all the lines together.