ottoPhpStormでnode製サイトのプレビューをするnode製サイトを開発時はwebpackを利用していればwebpack-dev-serverなどを利用するのが常ですが、プロダクションビルド後のファイルで確認したい場合もあります。いうときにわざわざサーバーにアップロードしたり、MAMPなどを利用するのは面倒です。PhpStormであればビルドも含めてショートカット1発でサーバーを起動することができます!今日はその設定をしていきましょう。設定は1分で終わります。Configurations」のウィンドウを表示し下記に設定します。ドキュメントルートへのパスHostとPortは他のアプリケーションが利用中だと起動できないので、webpack-dev-serverやMAMPなどを利用している場合は被らないように設定するのが吉です。script」をクリックします。Script」のウィンドウが開くので下記に設定します。server'(上記のName:で設定した名前)」をクリックすれば指定したHostとPortでサーバーが起動します。PhpStormなどJetBrains製のIDEはWeb関係の技術と親和性が高いので、Web開発者は必携ですね。