Live Edit for Node.js in PhpStorm 8
The file will then be run using the configured Node.js interpreter. We can now work with our application and develop on it, making some changes to any project file.
By default, we will have to tell PhpStorm manually to load these changes into the running application. To tell the IDE to pick up the changes, we can click the Refresh button, or press Ctrl+F10 (CMD+F10 on Mac OS X) from the debug tool window. If the code can be loaded without restarting the application, typically when changing function body code, the IDE will load the code in-place.
Otherwise, PhpStorm will tell us we have to restart it.
Through IDE Settings | Debugging | Live Edit, we can also enable automatic mode. When enabled, PhpStorm will automatically detect changes and load them into our running app on a configured interval (300ms default).
Whether manual or automatic mode is enabled, we will have to restart our application when changes can not be updated while running it. To do this automatically as well, we can tick the Restart if hotswap fails checkbox here.
A great addition to Live Edit in PhpStorm 8, for both client-side as well as Node.js code, is that it will not perform an update if any of the modified files have any syntax errors. Instead of loading the code into the running application, PhpStorm will tell us which file contains syntax errors which we first have to correct.
In future updates of Live Edit, we will add the ability to select different Update modes by file wildcards. For example, we will be able to select Automatic mode for all CSS files by adding a rule for *.css, while still using manual updates for all *.js files.
Test-drive Live Edit for Node.js by downloading PhpStorm 8! More documentation is available in this tutorial. We’re looking forward to your feedback through the issue tracker, by posting in the comments below, or in our forums!
Develop with pleasure!
– JetBrains PhpStorm Team
Subscribe to Blog updates
Thanks, we've got you!
Qodana Clone Finder: Early Access Program
In December 2020, we announced the EAP for Qodana, which is rapidly evolving into a comprehensive platform that allows companies to perform multi-level evaluations of the quality of code they own, contract, or purchase. Qodana helps you detect bugs without relying on an IDE, either on a local machi…
PhpStorm 2020.2 EAP #3
The Early Access Program for PhpStorm 2020.2 is in full swing and today we’ve got the third build of the 2020.2 EAP for you. In this blog post, you can read about improvements for Git installed in WSL2 and Search Everywhere. Download PhpStorm 2020.2 EAP (more…)…
PhpStorm 2019.3.3 Preview
We’ve just rolled out a preview for the third minor update for PhpStorm 2019.3. Please give the PhpStorm 2019.3.3 Preview build 193.6494.5 a try and share your feedback with us. (more…)…
How to Upgrade to PHP 7.4 with PhpStorm
Check out our fresh video with a few nice tips and tricks on how to update your codebase to PHP 7.4. It combines materials from the PhpStorm 2019.2 and PhpStorm 2019.3 releases, with a few cool bonuses to boot. Nikita drew our attention to the fact that setters are slower than assigning prop…