Get Started With WebStorm

Follow these steps to get more from the IDE and start feeling right at home.


01

Learn the basics with an onboarding tour

Complete the playground project to get a walkthrough of some key features available in WebStorm: go to New Project | New Project and check the Generate a playground project with onboarding tips box.

Learn the basics with an onboarding tour

Complete the playground project to get a walkthrough of some key features available in WebStorm: go to New Project | New Project and check the Generate a playground project with onboarding tips box.


02

Open or create your first project

Now that you’ve learned the basics, you can go ahead and create your first project or open an existing one.

Open or create your first project

Now that you’ve learned the basics, you can go ahead and create your first project or open an existing one.


03

Read the migration guides

Need to replicate some settings from your previous code editor or IDE and customize WebStorm? Read our migration guides to get some help.

Read the migration guides

Need to replicate some settings from your previous code editor or IDE and customize WebStorm? Read our migration guides to get some help.

Read the guides

Getting started

Getting started
Thumbnail for Getting Started with WebStorm: Installation and First Project Setup video
05:12
Getting Started with WebStorm: Installation and First Project Setup
10/25/2024
Thumbnail for Customizing WebStorm: Best Themes, Plugins, and Settings video
06:02
Customizing WebStorm: Best Themes, Plugins, and Settings
10/24/2024
Thumbnail for Mastering WebStorm Shortcuts and Productivity Tips video
05:36
Mastering WebStorm Shortcuts and Productivity Tips
10/28/2024
Thumbnail for Working with Git in WebStorm video
06:04
Working with Git in WebStorm
1/7/2025
Thumbnail for How to Debug in WebStorm video
04:31
How to Debug in WebStorm
2/4/2025
Thumbnail for WebStorm 2024.3 Explained: 3 New Features You Can't Afford to Miss! video
02:01
WebStorm 2024.3 Explained: 3 New Features You Can't Afford to Miss!
11/12/2024
Thumbnail for WebStorm 2024.2 Explained: 3 New Features You Can't Afford to Miss! video
02:20
WebStorm 2024.2 Explained: 3 New Features You Can't Afford to Miss!
8/12/2024
Thumbnail for WebStorm 2024.1 Explained: 3 New Features You Can't Afford to Miss! video
02:36
WebStorm 2024.1 Explained: 3 New Features You Can't Afford to Miss!
4/4/2024