Built-in Server in WebStorm 6

Posted on by John Lindquist

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. 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).

    • 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

    • Vladimir Krivosheev says:

      July 2, 2013

      Fixed in WebStorm 7.

  2. 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. 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.

    • joy says:

      June 28, 2013

      +1

      • 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

    • 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

      • Gary says:

        March 21, 2014

        Thank you! Exactly what I needed!

      • Piotr Witek says:

        October 28, 2014

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

      • Richard says:

        July 31, 2015

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

      • Richard says:

        August 27, 2015

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

        • 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.

      • 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. 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. 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.

    • Vladimir Krivosheev says:

      July 2, 2013

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

  6. 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. Aron says:

    May 23, 2016

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