WebStorm 2025.1 Help

WSL

WSL (WSL 2) – Windows Subsystem for Linux – is a compatibility layer for running Linux binary executables natively on Windows 10 and later. Currently, it supports several Linux distributions, such as Ubuntu, OpenSUSE, and SLES.

With WSL toolchain set up for your project, you can build using a toolchain from Linux, and run/debug on WSL, without leaving WebStorm running on your Windows machine.

Configure WSL

  1. Download and install a WSL distribution (for instance, Ubuntu) from Microsoft Store.

    For this step, be sure to use at least Windows 10 or later with the latest “Fall Creators Update” (minimum version 1709, build 16299.15). See the official guide Install the Windows Subsystem for Linux for instructions.

    To work with WSL 2, your Windows version should be 10 build 18917 or later. Follow these instructions to switch the distributive.

  2. Run the Linux distribution.

    Upon the first launch, the system may prompt you to enable the Windows optional feature. In this case, you need to do the following:

    • Open Windows PowerShell as Administrator and run

      Enable-WindowsOptionalFeature -Online -FeatureName Microsoft-Windows-Subsystem-Linux
    • Restart your computer.

Install Node.js and npm

Inside the Linux (Ubuntu) installation, make sure nvm, Node,js, and npm are installed. For the detailed installation instructions, refer to Install Node.js on Windows Subsystem for Linux.

  1. Open the Terminal (Alt+F12.

  2. Install cURL:

    sudo apt-get install curl
  3. Install nvm:

    curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/master/install.sh | bash
  4. Install Node.js by running one of the following commands:

    • nvm install --lts to install the stable Long Term Service Node.js version

    • nvm install node to install or the current release version

You can create a project and store it in the WSL environment, open one from the WSL file system, and develop your projects further in WSL.

Create a new project in the WSL file system

  1. On the welcome screen, click New Project.

    Create a project in WSL: Welcome screen
  2. In the dialog that opens:

    1. Select the project type from the list in the left pane.

    2. In the right pane, specify the project name and location. The project location for WSL will show the absolute path starting with \\wsl$ to the WSL file system.

      Select project location in WSL
    3. Most often, $instance$ asks you to specify the location of Node.js. Select Download from the list if you have no Node.js yet. Alternatively, select Add to configure a WSL Node.js interpreter.

      Specify Node.js

      Then select Add WSL from the popup.

      Configure WSL Node.js interpreter: select Add WSL

      In the Add WSL Node Interpreter dialog that opens, specify the currently used Linux distribution and the path to Node.js.

      Add WSL Node Interpreter dialog
    4. Fill in the other fields in the right pane. The set of the fields depends on the selected project type. See the corresponding articles under Languages and frameworks for details.

  3. Click Create.

    Create a project in WSL

    WebStorm creates a project located in WSL and you can develop and build your project inside the WSL environment without leaving the IDE.

Open a project stored in the WSL file system

In WebStorm, you can directly open a project stored in the WSL file system and work with it like with any other project.

  1. Click Open on the Welcome screen or select File | Open from the main menu.

  2. In the Select Path dialog that opens, select the folder in the WSL file system that contains the project to open, or type the path to the \\wsl.localhost project location manually.

    Opening a project stored in the WSL file system

Configure a WSL-based Node.js interpreter

You can set a Node.js installation as the default interpreter for the current project, or you can configure and use this Node.js version in a Node.js Run/Debug configuration.

  1. In the Settings dialog (Ctrl+Alt+S) , go to Languages & Frameworks | Node.js.

  2. Click the Browse button next to the Node Interpreter field, in the Node.js Interpreters dialog that opens, click the Add button, and then select Add WSL from the list.

    Configure WSL Node.js interpreter: add WSL
  3. In the Add WSL Node Interpreter dialog that opens, select the Linux distribution you’re using and specify the path to Node.js.

    Configuring Node.js on WSL as the default project node interpreter

    The configured Node.js installation is added to the list and is set as the default for the current project.

    The newly configured Node.js interpreter is added to the list and set as default for the current project

Run and debug your project

When you run or debug your application, it is run in WSL. If you open the run configuration, note that WebStorm refers to WSL as local machine.

  1. Create a run/debug configuration of the appropriate type, depending on the type of your application. To do that, go to Run | Edit Configurations. Then in the Run/Debug Configurations dialog, click on the toolbar and select the required run/debug configuration type. In the dialog that opens, fill in the fields as necessary or accept the predefined values.

    Run and debug applications in WSL: create a run/debug configuration
  2. To run your application, from the Run widget select the newly created run/debug configuration, and click the Run button next to it.

  3. To debug your application, set the breakpoints where necessary, from the Run widget select the newly created run/debug configuration, and click the Debug button next to it.

    Debug applications in WSL: start a debugging session

Firewall configuration

You need to perform the following steps to ensure that the building of a project works properly.

Configure firewall settings

  1. Run the Windows PowerShell as administrator.

    Restore firewalls to default
  2. Execute the following command to allow connections using WSL:

    New-NetFirewallRule -DisplayName "WSL" -Direction Inbound -InterfaceAlias "vEthernet (WSL)" -Action Allow
  3. Then execute the command to renew the firewall rules:

    Get-NetFirewallProfile -Name Public | Get-NetFirewallRule | where DisplayName -ILike "IntelliJ IDEA*" | Disable-NetFirewallRule
  4. Now start the debugger session. When the Windows Firewall popup appears, select the Public networks checkbox.

    Allow public networks
Last modified: 02 April 2025