Create Reusable Code Snippets

Save time by reusing blocks of code with custom code snippets.

How to quickly create a code snippet:

  1. Select the code you find yourself using often.
  2. Press ⌘⇧A (macOS) / Ctrl+Shift+A (Windows/Linux) and type Save as Live Template.
  3. Add the abbreviation and description.
  4. Save the code snippet.

You can modify your code snippet by adding variables to it.


Related Resources

Navigation Bar - All the power!
Navigation Bar - All the power!
The Navigation Bar can do much more than you think!
Create Arrow Functions in One Click
Create Arrow Functions in One Click
WebStorm can help you add arrow functions to your code.
Show CSS Color Preview
Show CSS Color Preview
How to display a CSS color in the background in WebStorm.