When it comes to JavaScript and TypeScript development, JetBrains WebStorm is easily one of the most powerful IDEs (Integrated Development Environments) out there. It comes packed with smart coding assistance, an integrated terminal, and built-in debugging tools right out of the box.
In this quick, beginner-friendly tutorial, we will walk through how to download, install, and configure WebStorm on Windows 11, and test the setup with a quick "Hello World" project.
If you prefer a step-by-step visual guide, you can follow along with the original video tutorial here. .
🛠️ Step 1: Download the Official WebStorm Installer
To get the most secure and up-to-date version, always download directly from JetBrains:
- Open your web browser and search for "WebStorm download".
- Click on the official JetBrains website (
jetbrains.com/webstorm/download). - Accept the cookie prompt if it appears, and select Windows as your operating system.
- Note: If your machine uses an ARM processor, make sure to select the **Windows ARM64* installer.*
- Click the Download button to grab the standard
.exeinstallation file.
⚙️ Step 2: Configure the Installation Options (Crucial Step)
- Navigate to your Downloads folder and double-click the WebStorm executable file to open the setup wizard.
- Click Next on the welcome screen.
- Choose your destination folder. The default path (
C:\Program Files\JetBrains\...) works perfectly for most developers. Click Next. - On the Installation Options screen, make sure to check the following boxes:
- Create Desktop Shortcut: Handy for quick access.
- Update PATH Variable (Restart needed): Crucial! Checking this ensures you can open files and run commands directly from your terminal/command prompt.
- Click Next, choose your Start Menu folder name (leave it as JetBrains), and click Install.
- Once the extraction completes, check the box to launch the IDE and click Finish.
🚀 Step 3: Verify the Installation with a Test Project
Let's make sure everything works perfectly by writing a tiny script:
- On the WebStorm welcome window, choose Skip Import if you don't have existing settings to bring over.
- Click the New Project button.
- Give your project a name (e.g.,
demo) and select your location path. - Uncheck the Git repository box if you just want to run a quick local script, select JavaScript as the language, and click Create.
- Close out any initial plugin notifications to get a clean workspace.
- Open your main JavaScript file, clear out the default template, and type:
javascript
console.log("Hello World");
Top comments (1)
Thanks for reading! Let me know if you ran into any issues setting this up, or what you're planning to build with Webstorm IDE! 🚀👇