Webstorm logo

The WebStorm Blog

The Smartest JavaScript IDE

Features

Built-in Server in WebStorm 6

Have you ever started writing an app only to realize that you need a simple local webserver?

Never fear, WebStorm 6 is here!

Simply open “http://localhost:63342/”, append your project name, and WebStorm will serve up your site for you!

For example, if you’re working in a project called “WebStorm6Features”, you would open: http://localhost:63342/WebStorm6Features

Needless to say, you can easily debug JavaScript code – just create a run configuration in the context menu on an HTML file. No additional URL mappings are required.

http://www.youtube.com/watch?v=EKiP9b8ikTY

Please download the latest build, provide your feedback for bugs and feature requests here, and leave questions in the comments below or in our forums!

Develop with pleasure!
-JetBrains WebStorm Team

Comments below can no longer be edited.

22 Responses to Built-in Server in WebStorm 6

  1. Avatar

    Denis says:

    April 11, 2013

    Testing out project with Built-in Server in WebStorm 6 in Google Chrome lead to browser freeze. (even can’t open developer tools).
    Looks like there is some request per second limit. Because later requests hang on ‘penging’ state (with 0 bytes revived according to Chrome dev tools ‘network’ tab).

    • Avatar

      Eugene Toporov says:

      April 11, 2013

      Hey Denis,
      We would appreciate if you can submit the details to the tracker: http://youtrack.jetbrains.com/issues/WEB

      Thanks!
      -Eugene

    • Avatar

      Vladimir Krivosheev says:

      July 2, 2013

      Fixed in WebStorm 7.

  2. Avatar

    Carlos says:

    April 19, 2013

    Does this feature work for web projects in IDEA? If so, must one enable a specific plugin for it to work? Version required?

  3. Avatar

    harmony7 says:

    April 20, 2013

    This is a cool feature, but is there any way to set it up so that the site gets served from the root of the server? (i.e., http://localhost:63342/ instead of http://localhost:63342/projectname/)

    I know it’s not the best practice but just the project I happen to be working on refers to resources from the root (such as “/js/app.js”) rather than a relative path (“./js/app.js”) and it’s not something I have control over.

    • Avatar

      joy says:

      June 28, 2013

      +1

      • Avatar

        Josh Pratt says:

        December 1, 2013

        This is a great thing. Maybe an alternative would be adding the project path to the local links in the files so that they display correctly.

        Thanks

    • Avatar

      Vladimir Krivosheev says:

      July 2, 2013

      It is possible since WebStorm 7 — edit your /etc/hosts file

      127.0.0.1 projectName

      And set custom port: Settings -> Debugger -> JavaScript -> Built-in server port 8090.
      So, URL will be: http://projectName:8090

      • Avatar

        Gary says:

        March 21, 2014

        Thank you! Exactly what I needed!

      • Avatar

        Piotr Witek says:

        October 28, 2014

        Thanks, I was looking for solution to this problem too.

      • Avatar

        Richard says:

        July 31, 2015

        Although this is a solution until now, it’s really not a clean way

      • Avatar

        Richard says:

        August 27, 2015

        If my project name is a domain like xxx.com, then your solution will fail.

        • Ekaterina Prigara

          Ekaterina Prigara says:

          August 27, 2015

          Then we recommend you to use some another server. The one in WebStorm is very basic and doesn’t address this use case, because we want to keep it as simple as possible.

      • Avatar

        Talal Itani says:

        December 14, 2015

        Hello. This is not working for me. I tried it multiple times. Even Restarted WebStorm. Any hints please? Thanks.

  4. Avatar

    Henning says:

    April 30, 2013

    Is there any way (yet) to use this in IDEA as well?
    Or do I have to wait for IDEA 13 (which, sadly, is still sooo far away)?

  5. Avatar

    Gijs says:

    May 22, 2013

    The tutorial is incorrect according to my experience. In WebStorm 6.02 the debug url for this example must be ‘http://localhost:63342/WebStorm6Features/index.html’ (include the html file).
    Took me a long time to find this…
    Hopefully this saves other people some time…
    And please JetBrains: also add ui tests to your project development.

    • Avatar

      Vladimir Krivosheev says:

      July 2, 2013

      By default we search “index.*”, “default.*”. Should works.

  6. Avatar

    Carlos Crosetti says:

    July 11, 2013

    U can see the built-int web server up and running in WS 6, but in this thread I see it is workig with EAP 7… is it available for Live Edit?

  7. Avatar

    Aron says:

    May 23, 2016

    http://localhost:63342/folder how to set to be http://localhost/folder, because the former don’t work.