Change WebStorm LiveEdit Port (63342)

Question

How can I change the port of the LiveEdit feature in WebStorm ?

The default port is 63342, so i can run my project from : http://localhost:63342/PROJECT_NAME

Answer 1

Well you will need to go onto chrome for this one. Firstly you need to go into extensions:

You can quickly do this by typing chrome://extensions/ into your awesomebar, and then just hitting ENTER.

Makee sure developer mode is enabled:

Click options underneath Jetbrains IDE support. It will open up a new window where you can change your port.

Answer 2

Press Key CTRL +ALT +S

Or

Got to Menu File->Settings->Build, Execution and Deployment-> Debugger

Change the server port. Keep in mind, the port you are trying to use should be free.

If you want to see the live edit. You have to install the chrome extension.

Install Jetbrain Chrome extension

Go the option of IntelliJ idea extension. change the port here also for synchronization.

Restart your IntelliJ idea for effect.

Answer 3

Default built-in server port can be configured in IDE - Settings/Debugger/javaScript/built-in server port.

Answer 4

Just a heads up to anyone coming here/struggling - for whatever reason, I had to change the JetBrains chrome extension to use 127.0.0.1 instead of localhost to get things working.

Answer 5

WebStorm 8

In WebStorm 8 follow menu (or press Shortcut Alt+F7):

File -> Settings

Category:

IDE Settings -> Debugger -> JavaScript

And there change "Built-in server port".

Hint:

If you have a firewall warning when starting WebStorm then you must uncheck the checkbox "Can accept external connections" inside the settings window.

WebStorm 9, 10, 11

In newer WebStorm Versions you'll have to enter the Settings like explained above, but enter a different category.

Category:

Build, Execution, Deployment -> Debugger