WebStorm macOS centric notes, tips and tricks - mhulse/mhulse.github.io GitHub Wiki

• Toolbox App: A control panel for your tools and projects

Use this to install any JetBrains app; have it uninstall your old/manually-installed JetBrain apps.

You can use this to launch projects and set some prefs, like:

There are a couple of ways to do this:

1. IDE Settings Sync (my choice, as this syncs more than the following …)
2. Settings Repository

• MATERIAL THEME UI PLUGIN

Material Oceanic, with contrast mode enabled.

This theme uses FiraCode font … Be sure to enable ligatures.

I upped the font size to 18 and line height to 1.2 (Preferences > Editor > Font)

Navigate to Help > Edit Custom Properties… and add: editor.zero.latency.typing=true

Navigate to Help > Edit Custom VM Options… and modify the -Xmx setting to be 3000m (this bumps the max heap size to 3 gigabytes).

Preferences > Editor > File Types, and change “Ignore files and folders” from:

*.hprof;*.pyc;*.pyo;*.rbc;*.yarb;*~;.DS_Store;.git;.hg;.svn;CVS;__pycache__;_svn;vssver.scc;vssver2.scc;

… to:

.DS_Store;

Print the key map.

To rename a variable or extract a function and see the available refactorings on a symbol: Ctrl + T

Type an abbreviation, e.g. iter in JavaScript or img in HTML, and hit TAB to expand it into a code snippet.

Navigate to files, classes, symbols and even settings with: Shift + Shift

ALT + CMD + F7

CMD + SHIFT + A

CTRL + CLICK

OPTION + ENTER to see the available quick-fixes.

To get the following list, navigate to Preferences > Plugins > Installed, select all using CMD + A and copy using CMD + C:

BashSupport (1.7.4)
CodeGlance (1.5.4)
Material Theme UI (3.5.0.1)
Nyan Progress Bar (1.12)
PostCSS support (183.3795.1)
QuickJump (4.3)
Rainbow Brackets (5.16)
String Manipulation (6.1.143.000.0)

• Getting Started with WebStorm