IDE – Andreas Plahn Blog

Top 5 Tips for Angular Development With WebStorm | JetBrains

No matter how much familiarity you have with Angular, or how you feel about it, JetBrains IDEs can make your experience with this framework much better. In today’s FOMO digest, we’ll tell you about the features for working in Angular that you can find in JetBrains IDEs, such as WebStorm, IntelliJ IDEA Ultimate, PhpStorm, Rider, PyCharm Professional, GoLand, and RubyMine.

Source: FOMO Digest #2: Top 5 Tips for Angular Development With JetBrains IDEs | The WebStorm Blog

Set Prettier as default formatter in WebStorm

Source: Prettier—WebStorm

Setup private SSH key for WebStorm and other IDEs in Windows

I had a problem pushing commits to Bitbucket inside Webstorm “no access” or similar error when trying to push.

I usually use Sourcetree together with Putty Pageant loaded with the putty specific SSH file format ppk. So the solution was to convert the private putty ppk file into OpenSSH file format using PuTTygen.

Then save that file into %userprofile%\.ssh\id_rsa
(id_rsa is the open ssh file name, no extension).
It made it possible for Webstorm to push to Bitbucket.

Follow these steps to convert from ppk to OpenSSH:

Another option is to convert the ppk format to an OpenSSH format using the PuTTygen program performing the following steps:

Run the puTTygen program.
Click Load.
Select your private key that ends in .ppk and then click Open.
Click the Conversions menu option.
Click Export OpenSSH key.

Source: Change Private Key Format to Use with PuTTY

https://intellij-support.jetbrains.com/hc/en-us/community/posts/360000011270-How-to-set-up-git-SSH-keys-

Surround code fragments – Help | PhpStorm

Below works for WebStorm IDE as well

Surround a code block with language constructs # Select the desired code fragment. On the Code menu, click Surround With (Ctrl+Alt+T). Select the necessary surround statement from the list.

Source: Surround code fragments – Help | PhpStorm

keyboard shortcuts – Locate current file in IntelliJ/WebStorm – Stack Overflow

Select current file in project view
The current version of IntelliJ has renamed this to “Select In” under the Navigate category. The default shortcut is still ALT-F1

Source: keyboard shortcuts – Locate current file in IntelliJ – Stack Overflow

VSCode Dark+ theme and colourings for WebStorm

This looks great, VS Code Dark+ theme:
lenny1882/vscode-dark-plus-webstorm: VSCode Dark+ theme and colourings for WebStorm

Another alternative (not tested) :
http://color-themes.com/?view=theme&id=57b63a1c849f3a1800dc1a1f

This one might be a good alternative (Dracula theme):
https://draculatheme.com/visual-studio-code/
https://draculatheme.com/jetbrains/