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
Denis says:
April 11, 2013Testing 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, 2013Hey 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, 2013Fixed in WebStorm 7.
Carlos says:
April 19, 2013Does this feature work for web projects in IDEA? If so, must one enable a specific plugin for it to work? Version required?
Vladimir Krivosheev says:
July 2, 2013Since IDEA 13 (http://confluence.jetbrains.com/display/IDEADEV/IDEA+13+EAP).
harmony7 says:
April 20, 2013This 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, 2013This 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, 2013It 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, 2014Thank you! Exactly what I needed!
Piotr Witek says:
October 28, 2014Thanks, I was looking for solution to this problem too.
Richard says:
July 31, 2015Although this is a solution until now, it’s really not a clean way
Richard says:
August 27, 2015If my project name is a domain like xxx.com, then your solution will fail.
Ekaterina Prigara says:
August 27, 2015Then 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, 2015Hello. This is not working for me. I tried it multiple times. Even Restarted WebStorm. Any hints please? Thanks.
Henning says:
April 30, 2013Is 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)?
Vladimir Krivosheev says:
July 2, 2013You can use IDEA 13 EAP. http://confluence.jetbrains.com/display/IDEADEV/IDEA+13+EAP
Gijs says:
May 22, 2013The 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, 2013By default we search “index.*”, “default.*”. Should works.
Carlos Crosetti says:
July 11, 2013U 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?
Aron says:
May 23, 2016http://localhost:63342/folder how to set to be http://localhost/folder, because the former don’t work.
Ekaterina Prigara says:
May 23, 2016Sorry, but there’s no an easy way to do that, please find more details here: https://youtrack.jetbrains.com/issue/WEB-11949